Add support for Bunny.net Stream in the Video widget

[talopy]

Prerequisites

• I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
• The feature is still missing in the latest stable version of Elementor ( Elementor Pro )

What problem is your feature request going to solve? Please describe.

Bunny.net is widely recognized as a preferred provider for VOD (Video-on-Demand) videos. They offer two options for users to share their videos: HLS playlists and embedded iframes. Unfortunately, it appears that Elementor restricts iframe support to only Vimeo, YouTube, and Dailymotion, while relying on the self-hosted option for direct play links.

Describe the solution you'd like

It would be great to have the option of directly adding bunny.net to the list of supported platforms in Elementor or allowing the use of custom iframe URLs without the need for the custom HTML widget. This would provide more flexibility and convenience for users when embedding videos from bunny.net.

Describe alternatives you've considered

I have the option to utilize their MP4 fallbacks or HLS playlists with Elementor Pro. I conducted tests using developer tools to verify that changing the source during preview displays the embed correctly, and it indeed does. While I could modify the source code for a demonstration, I believe this change is straightforward to implement.

Additional context

Direct Play URL: https://video.bunnycdn.com/play/90813/023136c7-cd84-468c-8514-71088232fa1f
Embed Iframe URL: https://video.bunnycdn.com/embed/90813/023136c7-cd84-468c-8514-71088232fa1f?autoplay=true
HLS Playlist: https://vz-21bd3842-779.b-cdn.net/023136c7-cd84-468c-8514-71088232fa1f/playlist.m3u8
Thumbnail URL: https://vz-21bd3842-779.b-cdn.net/023136c7-cd84-468c-8514-71088232fa1f/thumbnail.jpg
Thumbnail Animated URL: https://vz-21bd3842-779.b-cdn.net/023136c7-cd84-468c-8514-71088232fa1f/preview.webp
MP4 fallback: https://vz-21bd3842-779.b-cdn.net/023136c7-cd84-468c-8514-71088232fa1f/play_720p.mp4

HTML Embed Code:

<div style="position: relative; padding-top: 56.25%;"><iframe src="https://iframe.mediadelivery.net/embed/90813/023136c7-cd84-468c-8514-71088232fa1f?autoplay=true" loading="lazy" style="border: none; position: absolute; top: 0; height: 100%; width: 100%;" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe></div>

[jbaldwinNteract]

HLS isn't really a viable alternative as it only offers 720p and desktop Chrome doesn't support it. That doesn't work for us, so we need direct play support.

[jomarieminney]

This is particularly important for our clients who are predominantly in the family & domestic violence sector, for whom YouTube is a security risk (because it shows videos in browsing history). I would also very much love to see Bunny added as a native option so we don't have to use hacky workarounds.

[baskettcase]

Yes please. I just ran into this today :(

[thebluelynx]

Yes. The html widget doesn't seem to support the iframe code provided by Bunny.net. This should be a very simple fix.

[Shepdesign]

Running into this issue now, let's add direct support for Bunny.net videos please!

[mojcasun]

One more vote for direct support for Bunny.net videos!

[KHarbourB]

And another need urgently.

[lukehsuhao]

vote +1

[CaseFixedWebdesign]

Yep, need this!

[mwatkins197]

I would like to see this too. Another Vote.

[FITZ-Flo]

+1

[kemopup]

Would absolutely love this. Would solve a lot of problems.

[secondsky]

I had to develop a own small plugin to implement token support for bunny (this should be taken care off in the same development process to cover the security side of the implementation). It uses shortcodes and ajax loading to circumvent caching issues with the tokens.
So would be great if we see a proper implementation.

[kemopup]

I had to develop a own small plugin to implement token support for bunny (this should be taken care off in the same development process to cover the security side of the implementation). It uses shortcodes and ajax loading to circumvent caching issues with the tokens.
So would be great if we see a proper implementation.

Would you share this plugin??

[liseraz]

I had to develop a own small plugin to implement token support for bunny (this should be taken care off in the same development process to cover the security side of the implementation). It uses shortcodes and ajax loading to circumvent caching issues with the tokens. So would be great if we see a proper implementation.

Hi! I would love to get your plugin, if possible. We have all our movies on Bunny and have to use Elementor Video Playlist to create our playlists. But then the Bunny player wont start, as it needs to be played using the embed code. Have you got a solution for this? Thanks!

[paking]

+1

[drluisbarrios]

thanks, your code, it was helpful 4ME

[willyell]

I host hundreds of videos on bunny.net stream and the fact that Elementor does not support bunny streams natively is a big limitation as Im forced to use other solutions.

[Stz000]

It will be much appreciated by many users for sure! Thank you! +1