Embed Vimeo Video in Elementor

Step-by-step guide to embed Vimeo video in Elementor using the Custom iFrame WordPress plugin. No API key needed. No coding required.

Overview

Custom iFrame lets you embed Vimeo video in Elementor by pasting any Vimeo video URL into the widget. No API key or Vimeo account required to display public videos.

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

Using Gutenberg instead? Follow the Embed Vimeo Video in Gutenberg guide.

Requirements

Custom iFrame plugin installed and active
Elementor installed
A Vimeo video URL to embed

Video Tutorial

Step 1: Get the Vimeo Video URL

Open Vimeo

Go to vimeo.com and find the video you want to embed.

Copy the video link

Click the three-dot menu on the video. Click Copy link to copy the video URL.

Open your page in Elementor

Go to the page where you want the video. Click Edit with Elementor.

Drag the widget onto your page

Search for Custom iFrame in the Elementor widget panel. Drag the widget into your layout.

Custom iFrame widget being dragged from the Elementor panel into a page section in the editor

Step 3: Embed Vimeo Video in Elementor

Paste the Vimeo URL

In the Content tab, paste the Vimeo URL into the Source URL field. The video player appears in the editor.

Custom iFrame widget in Elementor editor showing Vimeo URL pasted in Source URL field with live video preview

Set height and publish

Set Height to 450px for a standard 16:9 Vimeo video, or enable Auto Height. Click Update or Publish.

Step 4: Adjust Settings

Height: Set a fixed height in pixels. 450px works for most Vimeo videos at standard width.

Auto Height: Let the iFrame resize based on the video dimensions automatically.

Lazy Load: Enable in the Content tab to load the video only when it enters the viewport. Improves page speed.

Placeholder Image: Upload a thumbnail to show while the video loads.

Vimeo Advanced Controls are a Pro feature. Upgrade to Custom iFrame Pro to control autoplay, loop, color, and privacy settings for Vimeo embeds. View pricing - plans start at $29 one-time.

Troubleshooting

Video shows blank: The video may be set to private on Vimeo. Only public and unlisted videos can be embedded.

Video is cut off: Increase the height value or enable Auto Height.

Domain restriction error: Some Vimeo Pro accounts restrict embedding to specific domains. Check your Vimeo privacy settings.

For more help, see iFrame Not Showing.

FAQ

No. You can embed any public Vimeo video by pasting its URL. You only need a Vimeo account if you want to upload or manage the video itself.

The video is likely set to private or restricted to specific domains on Vimeo. Go to Vimeo privacy settings and confirm the video allows embedding.

Yes with Pro. Custom iFrame Pro includes Vimeo Advanced Controls for autoplay, loop, color, portrait, title, and byline settings. View pricing.

450px works well for most 16:9 Vimeo videos. Enable Auto Height to let the iFrame calculate the correct size based on the video dimensions.

Also Available For

Embed Vimeo in Gutenberg

Guide for the WordPress block editor.

Embed YouTube Video in Elementor

Embed YouTube with full Pro controls.

Was this page helpful?

Last updated today

Built with Documentation.AI