> 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 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](/gutenberg/video/embed-rumble) guide.

## Requirements

- [Custom iFrame plugin installed and active](/getting-started/installation)
- Elementor installed
- A Rumble account to access the embed URL

## Video Tutorial

<iframe
  src="https://www.youtube.com/embed/6wIZGWlR4u8"
  width="720"
  height="405"
  frameBorder="0"
  allowFullScreen
/>

## Step 1: Get the Rumble Embed URL

<Callout kind="info">
  Rumble requires the embed URL, not the standard video page URL. Follow the steps below to get the correct link.
</Callout>

<Steps>
  <Step title="Open Rumble and find your video" icon="play" title-type="p">
    Go to [rumble.com](https://rumble.com) and sign in. Open the video you want to embed.
  </Step>
  <Step title="Copy the embed URL" icon="link" title-type="p">
    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>
</Steps>

## Step 2: Add the Custom iFrame Widget

<Steps>
  <Step title="Open your page in Elementor" icon="layout" title-type="p">
    Go to the page where you want the video. Click **Edit with Elementor**.
  </Step>
  <Step title="Drag the widget onto your page" icon="move" title-type="p">
    Search for **Custom iFrame** in the Elementor widget panel. Drag the widget into your layout.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776867149/getting-started/elementor-setup/Guide-Add-Custom-iFrame.webp"
      alt="Custom iFrame widget being dragged from the Elementor panel into a page section in the editor"
      width="1024"
      height="337" priority={true} fetchPriority="high" />
  </Step>
</Steps>

## Step 3: Embed Rumble Video in Elementor

<Steps>
  <Step title="Paste the Rumble embed URL" icon="clipboard" title-type="p">
    In the Content tab, paste the Rumble embed URL into the **Source URL** field. The video player appears in the editor.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776884393/elementor/video/rumble/paste-url-rumble.png"
      alt="Custom iFrame widget in Elementor editor showing Rumble embed URL pasted in Source URL field with live video preview"
      width="1024"
      height="416" priority={true} fetchPriority="high" />
  </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>

## 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](/troubleshooting/iframe-not-showing).

## FAQ

<ExpandableGroup>
  <Expandable title="Why does Rumble require an embed URL instead of the page URL?" default-open="false">
    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.
  </Expandable>
  <Expandable title="Where do I find the Rumble embed URL?" default-open="false">
    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/`.
  </Expandable>
  <Expandable title="Do I need a Rumble account to embed videos?" default-open="false">
    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.
  </Expandable>
  <Expandable title="What height should I use for a Rumble video?" default-open="false">
    450px works well for standard 16:9 Rumble videos. Enable Auto Height to let the iFrame fit the video dimensions automatically.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

<Columns cols="2">
  <Card title="Embed Rumble in Gutenberg" href="/gutenberg/video/embed-rumble" icon="layout" horizontal={false}>
    Guide for the WordPress block editor.
  </Card>
  <Card title="Embed YouTube Video in Elementor" href="/elementor/video/embed-youtube" icon="layers" horizontal={false}>
    Embed YouTube with full Pro controls.
  </Card>
</Columns>

## Related Guides

- [Embed Video in Elementor - Overview](/elementor/embed-videos)
- [Embed YouTube Video in Elementor](/elementor/video/embed-youtube)
- [Embed Dailymotion Video in Elementor](/elementor/video/embed-dailymotion)
- [Auto Height Adjustment](/features/auto-height)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)