> 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 Dailymotion Video in Elementor

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


## Overview

Custom iFrame lets you embed Dailymotion video in Elementor by pasting any Dailymotion video URL into the widget. Share news, entertainment, or any Dailymotion content directly 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.

Using Gutenberg instead? Follow the [Embed Dailymotion Video in Gutenberg](/gutenberg/video/embed-dailymotion) guide.

## Requirements

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

## Step 1: Get the Dailymotion Video URL

<Steps>
  <Step title="Open Dailymotion" icon="play" title-type="p">
    Go to [dailymotion.com](https://www.dailymotion.com) and find the video you want to embed.
  </Step>
  <Step title="Copy the video link" icon="link" title-type="p">
    Click the **Share** icon on the video. Click **Copy** 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.
  </Step>
</Steps>

## Step 3: Embed Dailymotion Video in Elementor

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

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776884396/elementor/video/dailymotion/embed-dailymotion.webp"
      alt="Custom iFrame widget in Elementor editor showing Dailymotion video URL in Source URL field with live video preview"
      width="1024"
      height="376" 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>

## Step 4: Adjust Settings

**Height:** 450px works for most 16:9 Dailymotion videos.

**Auto Height:** Let the iFrame resize to fit the video automatically.

**Lazy Load:** Enable to load the video only when it enters the viewport.

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

## Troubleshooting

**Video shows blank:** The video may be private or region-restricted on Dailymotion. Confirm the video is public and available in your region.

**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 Dailymotion account to embed videos?" default-open="false">
    No. You can embed any public Dailymotion video by pasting its URL. No account is required.
  </Expandable>
  <Expandable title="Why does my Dailymotion video show blank?" default-open="false">
    The video may be private, age-restricted, or region-blocked. Check that the video plays publicly on Dailymotion before embedding.
  </Expandable>
  <Expandable title="Can I use the Dailymotion embed code URL instead of the page URL?" default-open="false">
    Yes. Both the standard video page URL and the embed URL (`https://www.dailymotion.com/embed/video/VIDEO_ID`) work in the Source URL field.
  </Expandable>
  <Expandable title="What height should I use for a Dailymotion video?" default-open="false">
    450px works well for most 16:9 Dailymotion videos. Enable Auto Height to let the iFrame fit the video dimensions automatically.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

<Columns cols="2">
  <Card title="Embed Dailymotion in Gutenberg" href="/gutenberg/video/embed-dailymotion" icon="layout" horizontal={false}>
    Guide for the WordPress block editor.
  </Card>
  <Card title="Embed Rumble Video in Elementor" href="/elementor/video/embed-rumble" icon="layers" horizontal={false}>
    Embed Rumble videos in Elementor.
  </Card>
</Columns>

## Related Guides

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