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

## Requirements

- [Custom iFrame plugin installed and active](/getting-started/installation)
- WordPress with the Gutenberg block editor
- A Rumble account to access the embed URL

## 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: Install the Plugin and Add the Block

<Steps>
  <Step title="Install and activate the plugin" icon="download" title-type="p">
    Go to your WordPress dashboard. Go to **Plugins > Add New**. Search for **Custom iFrame by Coderz Studio**, click **Install Now**, then click **Activate**.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1777223431/getting-started/installation/Custom-iFrame-Installation.webp"
      alt="WordPress Add New Plugin screen showing Custom iFrame by Coderz Studio in search results with Install Now button"
      width="1024"
      height="396" priority={true} fetchPriority="high" />
  </Step>
  <Step title="Open your page in the block editor" icon="layout" title-type="p">
    Go to the page or post where you want the video. Click **Edit** to open the Gutenberg block editor.
  </Step>
  <Step title="Add the Custom iFrame block" icon="plus" title-type="p">
    Click the **Add Block** button. Search for **Custom iFrame**. Click the block to add it to the page.
  </Step>
</Steps>

## Step 3: Embed Rumble Video in Gutenberg

<Steps>
  <Step title="Paste the Rumble embed URL" icon="clipboard" title-type="p">
    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.
  </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>

<Callout kind="success">
  Click **Update** or **Publish**. Your Rumble video is now live on your WordPress site.
</Callout>

For all block settings, see the [Set Up Custom iFrame in Gutenberg](/getting-started/gutenberg-setup) 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](/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 block fit the video dimensions automatically.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

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

## Related Guides

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