Embed Rumble Video in Gutenberg

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

Overview

Custom iFrame lets you embed Rumble video in Gutenberg by pasting the Rumble embed URL into the block. Share news, opinions, or any Rumble 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 Rumble Video in Elementor guide.

Requirements

Custom iFrame plugin installed and active
WordPress with the Gutenberg block editor
A Rumble account to access the embed URL

Step 1: Get the Rumble Embed URL

Rumble requires the embed URL, not the standard video page URL. Follow the steps below to get the correct link.

Open Rumble and find your video

Go to rumble.com and sign in. Open the video you want to embed.

Copy the embed URL

Click the Embed button on the video. Copy the Embed iFrame URL from the embed panel. It follows the format https://rumble.com/embed/VIDEO_ID/.

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 Rumble Video in Gutenberg

Paste the Rumble embed URL

Select the Custom iFrame block. In the right panel, paste the Rumble embed 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 Rumble 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 Rumble video in Gutenberg using the Custom iFrame plugin. From copying the embed URL to pasting it and publishing, the whole setup runs through the block editor without any code.

Troubleshooting

Video shows blank: Confirm you are using the embed URL (from the Embed button), not the regular video page URL. The page URL will not load in an iFrame.

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

For more help, see iFrame Not Showing.

FAQ

Rumble's video page URL loads the full Rumble website, which blocks embedding. The embed URL loads only the video player, which works inside an iFrame.

Open the video on Rumble and click the Embed button. Copy the URL labeled Embed iFrame URL. It looks like https://rumble.com/embed/VIDEO_ID/.

You need a Rumble account to access the Embed button and copy the embed URL. The video itself can be public and viewable without an account once embedded.

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

Also Available For

Embed Rumble in Elementor

Guide for the Elementor widget.

Embed YouTube Video in Gutenberg

Embed YouTube with full Pro controls in Gutenberg.

Was this page helpful?

Last updated today

Built with Documentation.AI