Embed Rumble Video in Elementor

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

Overview

Custom iFrame lets you embed Rumble video in Elementor by pasting the Rumble embed URL into the widget. 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 Gutenberg instead? Follow the Embed Rumble Video in Gutenberg guide.

Requirements

Custom iFrame plugin installed and active
Elementor installed
A Rumble account to access the embed URL

Video Tutorial

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

Open your page in Elementor

Go to the page where you want the video. Click Edit with Elementor.

Drag the widget onto your page

Search for Custom iFrame in the Elementor widget panel. Drag the widget into your layout.

Custom iFrame widget being dragged from the Elementor panel into a page section in the editor

Step 3: Embed Rumble Video in Elementor

Paste the Rumble embed URL

In the Content tab, paste the Rumble embed URL into the Source URL field. The video player appears in the editor.

Custom iFrame widget in Elementor editor showing Rumble embed URL pasted in Source URL field with live video preview

Set height and publish

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

Step 4: Adjust Settings

Height: 450px works for most 16:9 Rumble 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 show while the video loads.

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 iFrame fit the video dimensions automatically.

Also Available For

Embed Rumble in Gutenberg

Guide for the WordPress block editor.

Embed YouTube Video in Elementor

Embed YouTube with full Pro controls.

Was this page helpful?

Last updated today

Built with Documentation.AI