> 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 Gutenberg

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


## Overview

Custom iFrame lets you embed Dailymotion video in Gutenberg by pasting any Dailymotion video URL into the block. 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 Elementor instead? Follow the [Embed Dailymotion Video in Elementor](/elementor/video/embed-dailymotion) guide.

## Requirements

- [Custom iFrame plugin installed and active](/getting-started/installation)
- WordPress with the Gutenberg block editor
- 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: Install the Plugin and Add the Block

<Steps>
  <Step title="Install and activate the plugin" icon="download" title-type="p">
    Go to your WordPress dashboard. Go to **Plugins > Add New**. Search for **Custom iFrame by Coderz Studio**, click **Install Now**, then click **Activate**.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1777223431/getting-started/installation/Custom-iFrame-Installation.webp"
      alt="WordPress Add New Plugin screen showing Custom iFrame by Coderz Studio in search results with Install Now button"
      width="1024"
      height="396" priority={true} fetchPriority="high" />
  </Step>
  <Step title="Open your page in the block editor" icon="layout" title-type="p">
    Go to the page or post where you want the video. Click **Edit** to open the Gutenberg block editor.
  </Step>
  <Step title="Add the Custom iFrame block" icon="plus" title-type="p">
    Click the **Add Block** button. Search for **Custom iFrame**. Click the block to add it to the page.
  </Step>
</Steps>

## Step 3: Embed Dailymotion Video in Gutenberg

<Steps>
  <Step title="Paste the Dailymotion URL" icon="clipboard" title-type="p">
    Select the Custom iFrame block. In the right panel, paste the Dailymotion URL into the **Source URL** field. The video player appears inside the block in the editor.
  </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>

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

For all block settings, see the [Set Up Custom iFrame in Gutenberg](/getting-started/gutenberg-setup) guide.

This guide showed you how to embed Dailymotion video in Gutenberg using the Custom iFrame plugin. From copying the video URL to pasting it and publishing, the whole setup runs through the block editor without any code.

## 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 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 block fit the video dimensions automatically.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

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

## Related Guides

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