> 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 Videos in Elementor

Guides for embedding YouTube, Vimeo, Wistia, Dailymotion, and more in Elementor using the Custom iFrame WordPress plugin. No coding required.


## Overview

Custom iFrame lets you embed videos in Elementor from YouTube, Vimeo, Wistia, Dailymotion, Rumble, and more. Paste any video URL into the widget. No API keys, no shortcodes, no coding required.

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 Videos in Gutenberg](/gutenberg/embed-videos) guide.

## Requirements

- [Custom iFrame plugin installed and active](/getting-started/installation)
- Elementor installed
- A video URL from any supported platform

## How to Embed a Video in Elementor

All video platforms follow the same three-step process.

### Step 1: Get Your Video Link

<Steps>
  <Step title="Open the video platform" icon="play" title-type="p">
    Go to the platform where your video is hosted: YouTube, Vimeo, Wistia, or any other supported source.
  </Step>
  <Step title="Copy the share link" icon="link" title-type="p">
    Find the share or copy-link option on the video. Copy the URL to your clipboard.

    Each platform guide below shows exactly where to find the share link.
  </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: Paste the URL and Publish

<Steps>
  <Step title="Paste the video URL" icon="clipboard" title-type="p">
    In the Content tab, paste the URL into the **Source URL** field. The video player appears in the editor.
  </Step>
  <Step title="Set height and publish" icon="check" title-type="p">
    Set **Height** to 450px for a standard 16:9 video, or enable **Auto Height**. Click **Update** or **Publish**.
  </Step>
</Steps>

<Callout kind="success">
  Click **Update** or **Publish**. Your video is now live on your WordPress site.
</Callout>

<Callout kind="info">
  Pro users unlock autoplay, loop, mute, playback controls, and advanced settings per platform.
  [View pricing](https://customiframe.com/pricing). Plans start at $29 one-time.
</Callout>

## Supported Video Platforms

Select your video platform for a step-by-step embed guide.

<Columns cols="2">
  <Card title="Embed YouTube Video in Elementor" href="/elementor/video/embed-youtube" icon="youtube" horizontal={false}>
    Embed YouTube videos with autoplay, loop, captions, and playlist support.
  </Card>
  <Card title="Embed YouTube Shorts in Elementor" href="/elementor/video/embed-youtube-shorts" icon="smartphone" horizontal={false}>
    Embed vertical YouTube Shorts with proper aspect ratio.
  </Card>
  <Card title="Embed YouTube Live Stream in Elementor" href="/elementor/video/embed-youtube-live" icon="radio" horizontal={false}>
    Embed a live YouTube stream or replay on your page.
  </Card>
  <Card title="Embed Vimeo Video in Elementor" href="/elementor/video/embed-vimeo" icon="play-circle" horizontal={false}>
    Embed Vimeo videos with color, autoplay, and privacy controls.
  </Card>
  <Card title="Embed Wistia Video in Elementor" href="/elementor/video/embed-wistia" icon="video" horizontal={false}>
    Embed Wistia-hosted demos and tutorials on your site.
  </Card>
  <Card title="Embed Dailymotion Video in Elementor" href="/elementor/video/embed-dailymotion" icon="play" horizontal={false}>
    Embed Dailymotion videos by pasting the video URL.
  </Card>
  <Card title="Embed Rumble Video in Elementor" href="/elementor/video/embed-rumble" icon="film" horizontal={false}>
    Embed Rumble videos on your WordPress pages.
  </Card>
  <Card title="Embed TED Video in Elementor" href="/elementor/video/embed-ted" icon="mic" horizontal={false}>
    Share TED Talks and TED-Ed videos on your site.
  </Card>
  <Card title="Embed Animoto Video in Elementor" href="/elementor/video/embed-animoto" icon="clapperboard" horizontal={false}>
    Embed Animoto promo videos and slideshows in Elementor.
  </Card>
  <Card title="Embed WordPress.tv Video in Elementor" href="/elementor/video/embed-wordpress-tv" icon="monitor" horizontal={false}>
    Share WordCamp talks and WordPress tutorials on your site.
  </Card>
</Columns>

## Also in Gutenberg

All video platforms are also supported in the WordPress block editor.

See [Embed Videos in Gutenberg](/gutenberg/embed-videos) for all Gutenberg guides.

## Related Guides

- [Getting Started: Install Custom iFrame](/getting-started/installation)
- [Elementor Widget Setup](/getting-started/elementor-setup)
- [Auto Height Adjustment](/features/auto-height)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)