Streaming live at 10am (PST)

Background Video with no loop and stop at last scene

Hey everyone, I use a LottieAnimation at my hero sequence. The File size is with 30MB to high for slow internet connection. I would like to use a Background Video instead. But how can I stop the looping of the video and let the last image/sequence of the video shown.

Thanks a lot for your help.
Best, Daniel

Here is my public share link: Webflow - Leitec

Add your video using the video bg component.
Publish and inspect the code.
Copy the code of the element.
Delete the bg video component.
Add a Custom code component.
Paste the code inside of it.
Now alter the code to remove the loop attributes, there are one to pass to FALSE and one to remove entirely.

<div data-poster-url=" site web-poster-00001.jpg" data-video-urls=" site web-transcode.mp4, site web-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" data-w-id="634ab829-d984-22ab-7c2c-b3b9391a7a36" data-wf-id="[&quot;634ab829-d984-22ab-7c2c-b3b9391a7a36&quot;]" class="background-video-5 w-background-video w-background-video-atom"><video autoplay="autoplay" loop="loop" data-wf-ignore=""><source src=" site web-transcode.webm" data-wf-ignore=""><source src=" site web-transcode.mp4" data-wf-ignore=""></video></div>

Hi @DanielG another approaches can be found on this forum when you use search input field. Here is one example :wink: