> For the complete documentation index, see [llms.txt](https://docs.customiframe.com/llms.txt).
> Use it to discover all available pages before exploring further.

# Vimeo Advanced Controls

Control autoplay, loop, color, and privacy settings for Vimeo embeds in Elementor and Gutenberg using Custom iFrame Pro.


## Overview

Custom iFrame Vimeo Advanced Controls give you full control over how Vimeo videos play and appear on your site. Set autoplay, loop, player color, player branding, and privacy mode directly from the widget or block settings.

Custom iFrame is a WordPress plugin by CoderzStudio that embeds 100+ external sources in Elementor and Gutenberg without writing any code.

<Callout kind="info">
  Vimeo Advanced Controls require Custom iFrame Pro (Starter, Studio, or Agency plan). Basic Vimeo embedding works with the free version. [View pricing](https://customiframe.com/pricing) — plans start at $29 one-time.
</Callout>

## Requirements

- [Custom iFrame Free plugin installed and active](/getting-started/installation)
- Custom iFrame Pro plugin installed and active
- WordPress with Elementor or the Gutenberg block editor
- A Vimeo video URL

## Vimeo Advanced Settings Reference

| Option | What it does |
|---|---|
| **Autoplay** | Starts the video automatically when the page loads |
| **Mute** | Silences the video by default. Required for autoplay on most browsers |
| **Loop** | Repeats the video continuously after it ends |
| **Color** | Sets a custom hex color for the Vimeo player controls to match your site theme |
| **Show Portrait** | Shows or hides the author avatar on the Vimeo player |
| **Show Title** | Shows or hides the video title overlaid on the player |
| **Show Byline** | Shows or hides the creator name on the player |
| **Privacy Mode** | Prevents Vimeo from tracking viewers via cookies |

## How to Configure Vimeo Advanced Controls

### In Elementor

<Steps>
  <Step title="Select the Custom iFrame widget" icon="mouse-pointer" title-type="p">
    Click the widget to open its settings. Go to the **Content** tab.
  </Step>
  <Step title="Paste the Vimeo URL" icon="clipboard" title-type="p">
    Paste the Vimeo video URL into the **Source URL** field. The video appears in the editor.
  </Step>
  <Step title="Configure the advanced options" icon="sliders" title-type="p">
    Scroll to the Vimeo advanced settings section. Enable or adjust the options you need: autoplay, mute, loop, color, portrait, title, byline, and privacy mode.
  </Step>
  <Step title="Publish" icon="check" title-type="p">
    Click **Update** or **Publish**.
  </Step>
</Steps>

### In Gutenberg

<Steps>
  <Step title="Select the Custom iFrame block" icon="mouse-pointer" title-type="p">
    Click the block to open its settings in the right panel.
  </Step>
  <Step title="Paste the Vimeo URL" icon="clipboard" title-type="p">
    Paste the Vimeo URL into the **Source URL** field. The video appears in the block.
  </Step>
  <Step title="Configure the advanced options" icon="sliders" title-type="p">
    Scroll through the Vimeo settings in the right panel. Set autoplay, mute, loop, color, and player display options as needed.
  </Step>
  <Step title="Publish" icon="check" title-type="p">
    Click **Update** or **Publish**.
  </Step>
</Steps>

<Callout kind="success">
  Your Vimeo advanced settings are live. The video plays with the behavior and appearance you configured.
</Callout>

## Player Color

The **Color** field accepts a hex color code (e.g., `#FF5733`). This changes the color of the Vimeo player controls, including the progress bar and playback buttons, to match your site's design.

<Callout kind="alert">
  The Color option applies only to Vimeo videos hosted on accounts with player customization enabled. Vimeo Free accounts may not support custom player colors.
</Callout>

## Player Branding Controls

The three branding toggles control what Vimeo displays on the player interface:

- **Show Portrait:** The author's avatar in the top-left corner of the player
- **Show Title:** The video title overlaid on the player
- **Show Byline:** The creator's name displayed below the title

Turn all three off for a clean, unbranded player focused entirely on the video content.

## FAQ

<ExpandableGroup>
  <Expandable title="Do I need Pro to embed Vimeo at all?" default-open="false">
    No. Basic Vimeo embedding works with the free version. Pro adds autoplay, loop, custom player color, portrait/title/byline controls, and privacy mode.
  </Expandable>
  <Expandable title="Why is Vimeo autoplay not working?" default-open="false">
    Browsers block autoplay for videos with sound. Enable both **Autoplay** and **Mute** together. The video starts silently and visitors can unmute manually.
  </Expandable>
  <Expandable title="Does Privacy Mode work with Vimeo?" default-open="false">
    Yes. Privacy Mode prevents Vimeo from setting tracking cookies on your site visitors. Use this for GDPR or cookie consent compliance.
  </Expandable>
  <Expandable title="Can I hide the Vimeo player controls completely?" default-open="false">
    You can hide Portrait, Title, and Byline with the branding toggles. Removing the full player controls requires a Vimeo Pro or Business account and is managed from Vimeo's own settings, not from Custom iFrame.
  </Expandable>
</ExpandableGroup>

---

## Related Guides

- [Embed Vimeo Video in Elementor](/elementor/video/embed-vimeo)
- [Embed Vimeo Video in Gutenberg](/gutenberg/video/embed-vimeo)
- [YouTube Advanced Controls](/features/youtube-advanced)
- [Set Up Custom iFrame in Elementor](/getting-started/elementor-setup)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)