Embed Videos in Gutenberg

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

Overview

Custom iFrame lets you embed videos in Gutenberg from YouTube, Vimeo, Wistia, Dailymotion, Rumble, and more. Paste any video URL into the block. 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 Elementor instead? Follow the Embed Videos in Elementor guide.

Requirements

Custom iFrame plugin installed and active
WordPress with the Gutenberg block editor
A video URL from any supported platform

How to Embed a Video in Gutenberg

All video platforms follow the same three-step process.

Step 1: Get Your Video Link

Open the video platform

Go to the platform where your video is hosted: YouTube, Vimeo, Wistia, or any other supported source.

Copy the share link

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 2: Add the Custom iFrame Block

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: Paste the URL and Publish

Paste the video URL

In the right panel, paste the URL into the Source URL field. The video player appears inside the block.

Set height and publish

Set Height to 450px for a standard 16:9 video, or enable Auto Height. Click Update or Publish.

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

Pro users unlock autoplay, loop, mute, playback controls, and advanced settings per platform. View pricing. Plans start at $29 one-time.

Supported Video Platforms

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

Embed YouTube Video in Gutenberg

Embed YouTube videos with autoplay, loop, captions, and playlist support.

Embed YouTube Shorts in Gutenberg

Embed vertical YouTube Shorts with proper aspect ratio.

Embed YouTube Live Stream in Gutenberg

Embed a live YouTube stream or replay on your page.

Embed Vimeo Video in Gutenberg

Embed Vimeo videos with color, autoplay, and privacy controls.

Embed Wistia Video in Gutenberg

Embed Wistia-hosted demos and tutorials on your site.

Embed Dailymotion Video in Gutenberg

Embed Dailymotion videos by pasting the video URL.

Embed Rumble Video in Gutenberg

Embed Rumble videos on your WordPress pages.

Also in Elementor

All video platforms are also supported in Elementor.

See Embed Videos in Elementor for all Elementor guides.

Was this page helpful?

Last updated today

Built with Documentation.AI