Background Video from bunny.net

How To
1

Hi, I want to include a background video to a section from bunny.net.

However, I cant get it working. If I include the video link, its just not working. By including the playlist link from bunny, it shows in backend, but not in frontend. Any hints?

Thanks

Christoph

2

Hi Christoph,
Welcome to the forum!

The playlist.m3u8 URL is an HLS playlist, not a direct video file. Bricks background video currently expects a YouTube/Vimeo URL or a direct video file URL that the browser can play through the native <video> element.

Use the progressive MP4 URL instead – I’m not sure if bunny provides this separately. If not, try to replace playlist.m3u8 with play_720p.mp4 for example.

3

Hi all, new here, exploring Bricks before buying :slight_smile:

BunnyNet provides the separate link that works as a background layer in Bricks, it’s in the form https://vz-xxxxx-xxxx.b-cdn.net/xxxxxxx-xxxxxxx-xxxxxxx-xxxxxx/play_720p.mp4 depending on the configuration.

But!

This is always 720p no higher resolution.
This doesn’t include the protections that BunnyNet offers so the video can be shown only on selected domains, making it easy to exploit the exposed link.

5

Thanks for the answer. Its right that the direct link works. But yes, its always this resolution (can also be 1080p) and it does not take the available bandwith into account as the bunny player does. And of course the security issue as Pa.Athen stated is an issue.

So it would be really good to have a solution to integrate the player link as background.

7

Correct. The direct MP4 URL is the current workaround for the background-video control, but it will not use Bunny Stream’s player features such as adaptive playback or player-level protection.

Bunny player/HLS URLs are not supported as native Bricks background videos at the moment. If you need those features now, use an embed/custom implementation instead of the native background-video control.