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

# 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](/gutenberg/video/embed-vimeo) guide.

## Requirements

- [Custom iFrame plugin installed and active](/getting-started/installation)
- Elementor installed
- A Vimeo video URL to embed

## Video Tutorial

<iframe
  src="https://www.youtube.com/embed/pGUprdocpO4"
  width="720"
  height="405"
  frameBorder="0"
  allowFullScreen
/>

## Step 1: Get the Vimeo Video URL

<Steps>
  <Step title="Open Vimeo" icon="play" title-type="p">
    Go to [vimeo.com](https://vimeo.com) and find the video you want to embed.
  </Step>
  <Step title="Copy the video link" icon="link" title-type="p">
    Click the **three-dot menu** on the video. Click **Copy link** to copy the video URL.
  </Step>
</Steps>

## Step 2: Add the Custom iFrame Widget

<Steps>
  <Step title="Open your page in Elementor" icon="layout" title-type="p">
    Go to the page where you want the video. Click **Edit with Elementor**.
  </Step>
  <Step title="Drag the widget onto your page" icon="move" title-type="p">
    Search for **Custom iFrame** in the Elementor widget panel. Drag the widget into your layout.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776867149/getting-started/elementor-setup/Guide-Add-Custom-iFrame.webp"
      alt="Custom iFrame widget being dragged from the Elementor panel into a page section in the editor"
      width="1024"
      height="337" priority={true} fetchPriority="high" />
  </Step>
</Steps>

## Step 3: Embed Vimeo Video in Elementor

<Steps>
  <Step title="Paste the Vimeo URL" icon="clipboard" title-type="p">
    In the Content tab, paste the Vimeo URL into the **Source URL** field. The video player appears in the editor.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776884388/elementor/video/vimeo/paste-vimeo-link.webp"
      alt="Custom iFrame widget in Elementor editor showing Vimeo URL pasted in Source URL field with live video preview"
      width="1024"
      height="469" priority={true} fetchPriority="high" />
  </Step>
  <Step title="Set height and publish" icon="check" title-type="p">
    Set **Height** to 450px for a standard 16:9 Vimeo video, or enable **Auto Height**. Click **Update** or **Publish**.
  </Step>
</Steps>

## 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.

<Callout kind="info">
  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](https://customiframe.com/pricing) - plans start at $29 one-time.
</Callout>

## 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](/troubleshooting/iframe-not-showing).

## FAQ

<ExpandableGroup>
  <Expandable title="Do I need a Vimeo account to embed a video?" default-open="false">
    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.
  </Expandable>
  <Expandable title="Why does my Vimeo video show blank?" default-open="false">
    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.
  </Expandable>
  <Expandable title="Can I control autoplay and color for Vimeo?" default-open="false">
    Yes with Pro. Custom iFrame Pro includes Vimeo Advanced Controls for autoplay, loop, color, portrait, title, and byline settings. [View pricing](https://customiframe.com/pricing).
  </Expandable>
  <Expandable title="What height should I use for a Vimeo video?" default-open="false">
    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.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

<Columns cols="2">
  <Card title="Embed Vimeo in Gutenberg" href="/gutenberg/video/embed-vimeo" icon="layout" horizontal={false}>
    Guide for the WordPress block editor.
  </Card>
  <Card title="Embed YouTube Video in Elementor" href="/elementor/video/embed-youtube" icon="layers" horizontal={false}>
    Embed YouTube with full Pro controls.
  </Card>
</Columns>

## Related Guides

- [Embed Video in Elementor - Overview](/elementor/embed-videos)
- [Embed YouTube Video in Elementor](/elementor/video/embed-youtube)
- [Embed Wistia Video in Elementor](/elementor/video/embed-wistia)
- [Vimeo Advanced Controls (Pro)](/features/vimeo-advanced)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)