> 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 WordPress.tv Video in Elementor

Step-by-step guide to embed WordPress.tv video in Elementor using the Custom iFrame WordPress plugin. Share WordCamp talks and tutorials. No coding required.


## Overview

Custom iFrame lets you embed WordPress.tv video in Elementor by pasting the video share link into the widget. Showcase WordCamp talks, tutorials, and community events on your WordPress page.

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

## Requirements

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

## Step 1: Get the WordPress.tv Video URL

<Steps>
  <Step title="Open WordPress.tv and find your video" icon="play" title-type="p">
    Go to [wordpress.tv](https://wordpress.tv) and find the video you want to embed.
  </Step>
  <Step title="Copy the share link" icon="link" title-type="p">
    Click the **Share** button at the top right of the video. Click **Copy Link** to copy the 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 WordPress.tv Video in Elementor

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

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776885898/elementor/video/wordpress-tv/embed-wordpress-tv.webp"
      alt="Custom iFrame widget in Elementor editor showing WordPress.tv video URL in Source URL field with WordCamp session preview"
      width="1024"
      height="486" priority={true} fetchPriority="high" />
  </Step>
  <Step title="Set height and publish" icon="check" title-type="p">
    Set **Height** to 450px or enable **Auto Height**. Click **Update** or **Publish**.
  </Step>
</Steps>

## Troubleshooting

**Video does not load:** Confirm the WordPress.tv video is public. Copy the URL directly from the Share button.

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

For more help, see [iFrame Not Showing](/troubleshooting/iframe-not-showing).

## FAQ

<ExpandableGroup>
  <Expandable title="Do I need a WordPress.tv account to embed videos?" default-open="false">
    No. WordPress.tv videos are publicly available. Copy the share link from any video and paste it into the Source URL field.
  </Expandable>
  <Expandable title="Do I need Custom iFrame Pro to embed WordPress.tv?" default-open="false">
    No. Basic WordPress.tv embedding works with the free version. Pro adds lazy loading, auto-refresh, placeholder images, and advanced styling.
  </Expandable>
  <Expandable title="What type of videos are on WordPress.tv?" default-open="false">
    WordPress.tv hosts WordCamp sessions, developer talks, and official WordPress tutorials. These are free to embed on any page.
  </Expandable>
  <Expandable title="What height should I use for a WordPress.tv video?" default-open="false">
    450px works well for standard 16:9 videos. Enable Auto Height to let the iFrame resize automatically with the content.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

<Columns cols="2">
  <Card title="Embed YouTube Video in Elementor" href="/elementor/video/embed-youtube" icon="layers" horizontal={false}>
    Embed YouTube with full Pro controls.
  </Card>
  <Card title="Embed Vimeo Video in Elementor" href="/elementor/video/embed-vimeo" icon="layers" horizontal={false}>
    Full Vimeo embed guide with Pro options.
  </Card>
</Columns>

## Related Guides

- [Embed Video in Elementor - Overview](/elementor/embed-videos)
- [Embed YouTube Video in Elementor](/elementor/video/embed-youtube)
- [Embed Vimeo Video in Elementor](/elementor/video/embed-vimeo)
- [Auto Height Adjustment](/features/auto-height)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)
