Forum Documentation Showcase Pricing Learn more

Need help configuring Coverr video script

I am using Coverr video for a project. What should I replace the 3 “PATH_TO…” comments with?

        <source src="**PATH_TO_MP4**" type="video/mp4" />Your browser does not support the video tag. I suggest you upgrade your browser.
        <source src="**PATH_TO_WEBM**" type="video/webm" />Your browser does not support the video tag. I suggest you upgrade your browser.
    </video>
    <div class="poster hidden">
        <img src="**PATH_TO_JPEG**" alt="">

The Page element has a Background style property. Once you select it, all you need to do is paste the Coverr video path into the Dynamic link field (see https://bubble.io/reference#Elements.Page.backdrop_video_source)

I’m sorry for not more clearly stating the issue I need help with. Bubble makes it very easy to insert video into background for viewing via desktop. However Coverr.co suggest 3 additional html’, css and java snippet additions to support video on smartphone and/or tablets.

See http://coverr.co/ (Get your Coverr)

The html’ snippet includes three Path statements that need to be replace with actual Paths. I am unsure of what those paths should be on the Bubble platform.

On mobile we don’t display videos for performance and bandwidth reasons, but you can specify a fallback and that will work.

See https://bubble.io/reference#Elements.Page.backdrop_video_image_fallback for more details on this property.

That does what the suggested HTML is doing.