Rumble iframe embed full screen button not working in Elementor site

[ad_1]

TL;DR:

We have purchased all the expensive pro plugins and it took a lot of trial and error to finally get a Rumble video embed to display and play an iframe embed on our site.

But, this “nuance” issue has really got me stumped.

A viewer advised us that although the Rumble video plays fine and loads up quickly, it won’t expand to full screen when you click the “toggle fullscreen” bracket-crosshairs symbol (what *is* that even called?) in the lower right of the video controls overlay.

Play works, pause works — just not the full screen toggle.

\[BTW: *This not the “black bars” issue, this an issue with a button*\]

​

[Three attempts: \(top-bottom\) 3, 2, 1 as indicated in the \\”Attempts\\” section below. These are 3 widget instances])

## MY SYSTEM

* WordPress latest
* Elementor Pro
* ACF Pro
* Dynamic Content (premium)

## WHAT WE CURRENTLY HAVE:

Our current setup uses the iframe widget in Dynamic Content for Elementor (Dynamic.ooo). The widget only allows setting the embed URL and the height, but it doesn’t seem to have any widget controls for allowfullscreen, autoplay, etc.

sample iframe code:

<iframe class=”rumble” width=”640″ height=”360″ src=”https://rumble.com/embed/v3ip6us/?pub=6b71p” frameborder=”0″ allowfullscreen></iframe>

&#x200B;

## What I’ve Tried

* I researched on Rumble — found nothing about this issue
* I researched on Elementor — found nothing about this issue
* I researched on Dynamic Content — found nothing about this issue
* I searched google, but nothing really useful except that in iframe code you must have “allowfullscreen” property, which it already is.

## Attempts

* **Attempt 1:** Widget – Dynamic.ooo iframe >
* URL: ACF Field(Rumble oEmbed URL)
* Before: blank
* After: blank

This is the normal/default way I described above. As mentioned, the vid embed displays, controls display, but fullscreen button doesn’t respond when pressed/clicked

* **Attempt 2:** Widget – Dynamic.ooo iframe >
* URL: ACF Field(Rumble oEmbed URL)
* Before: first part of iframe code before URL
* After: last part of iframe code before URL

No vid, just error message displays “URL not valid”

* **Attempt 3:** Widget – HTML >
* HTML Code: ACF Field(Rumble oEmbed URL)
* Before: first part of iframe code before URL
* After: last part of iframe code before URL

No vid, just complete iframe code displays

I have a **staging** site if you want to take a look at:

elijahstre1stg.wpenginepowered dotcom

[ad_2]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer