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="https://uploads-ssl.webflow.com/5b7d2637cb44c9b1fd5c1d3b/61937dd9a85d53819b4383ef_Aventure site web-poster-00001.jpg" data-video-urls="https://uploads-ssl.webflow.com/5b7d2637cb44c9b1fd5c1d3b/61937dd9a85d53819b4383ef_Aventure site web-transcode.mp4,https://uploads-ssl.webflow.com/5b7d2637cb44c9b1fd5c1d3b/61937dd9a85d53819b4383ef_Aventure 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="https://uploads-ssl.webflow.com/5b7d2637cb44c9b1fd5c1d3b/61937dd9a85d53819b4383ef_Aventure site web-transcode.webm" data-wf-ignore=""><source src="https://uploads-ssl.webflow.com/5b7d2637cb44c9b1fd5c1d3b/61937dd9a85d53819b4383ef_Aventure 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: