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

Requirements

Custom iFrame plugin installed and active
WordPress with the Gutenberg block editor
A Dailymotion video URL to embed

Step 1: Get the Dailymotion Video URL

Open Dailymotion

Go to dailymotion.com and find the video you want to embed.

Copy the video link

Click the Share icon on the video. Click Copy to copy the video URL.

Step 2: Install the Plugin and Add the Block

Install and activate the plugin

Go to your WordPress dashboard. Go to Plugins > Add New. Search for Custom iFrame by Coderz Studio, click Install Now, then click Activate.

WordPress Add New Plugin screen showing Custom iFrame by Coderz Studio in search results with Install Now button

Open your page in the block editor

Go to the page or post where you want the video. Click Edit to open the Gutenberg block editor.

Add the Custom iFrame block

Click the Add Block button. Search for Custom iFrame. Click the block to add it to the page.

Step 3: Embed Dailymotion Video in Gutenberg

Paste the Dailymotion URL

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.

Set height and publish

Set Height to 450px or enable Auto Height. Click Update or Publish.

Click Update or Publish. Your Dailymotion video is now live on your WordPress site.

For all block settings, see the Set Up Custom iFrame in Gutenberg 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.

FAQ

No. You can embed any public Dailymotion video by pasting its URL. No account is required.

The video may be private, age-restricted, or region-blocked. Check that the video plays publicly on Dailymotion before embedding.

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.

450px works well for most 16:9 Dailymotion videos. Enable Auto Height to let the block fit the video dimensions automatically.

Also Available For

Embed Dailymotion in Elementor

Guide for the Elementor widget.

Embed Rumble Video in Gutenberg

Embed Rumble videos in Gutenberg.

Was this page helpful?

Last updated today

Built with Documentation.AI