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.
Vimeo Advanced Controls require Custom iFrame Pro (Starter, Studio, or Agency plan). Basic Vimeo embedding works with the free version. View pricing — plans start at $29 one-time.
Requirements
- Custom iFrame Free plugin installed and active
- 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
Select the Custom iFrame widget
Click the widget to open its settings. Go to the Content tab.
Paste the Vimeo URL
Paste the Vimeo video URL into the Source URL field. The video appears in the editor.
Configure the advanced options
Scroll to the Vimeo advanced settings section. Enable or adjust the options you need: autoplay, mute, loop, color, portrait, title, byline, and privacy mode.
Publish
Click Update or Publish.
In Gutenberg
Select the Custom iFrame block
Click the block to open its settings in the right panel.
Paste the Vimeo URL
Paste the Vimeo URL into the Source URL field. The video appears in the block.
Configure the advanced options
Scroll through the Vimeo settings in the right panel. Set autoplay, mute, loop, color, and player display options as needed.
Publish
Click Update or Publish.
Your Vimeo advanced settings are live. The video plays with the behavior and appearance you configured.
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.
The Color option applies only to Vimeo videos hosted on accounts with player customization enabled. Vimeo Free accounts may not support custom player colors.
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
No. Basic Vimeo embedding works with the free version. Pro adds autoplay, loop, custom player color, portrait/title/byline controls, and privacy mode.
Browsers block autoplay for videos with sound. Enable both Autoplay and Mute together. The video starts silently and visitors can unmute manually.
Yes. Privacy Mode prevents Vimeo from setting tracking cookies on your site visitors. Use this for GDPR or cookie consent compliance.
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.
Related Guides
Last updated today
Built with Documentation.AI