What is the best way to implement autoplay video that loops?

Hey!

We’re trying to figure out the best method to implement auto playing videos that have no black borders like the vimeo or youtube embed.

Anyone have a go to method? I tried using video background element but i’m worried that will make the website slower. Ideally we want the image on the top right of the header to be a video that autoplays and loops for desktop and mobile

https://preview.webflow.com/preview/biddyco-new-site?utm_medium=preview_link&utm_source=designer&utm_content=biddyco-new-site&preview=4df261ce9aa2da57bae0e4e5e577ee13&mode=preview

I would appreciate any recommendations!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

The background video is the way to go. Just don’t use a huge file and test it.

Thanks @webdev Any thoughts on how to get this video to be responsive for mobile view? I appreciate the help.
https://preview.webflow.com/preview/biddyco-new-site?utm_medium=preview_link&utm_source=designer&utm_content=biddyco-new-site&preview=4df261ce9aa2da57bae0e4e5e577ee13&pageId=609ecf491b77a58647aa48c9&mode=preview

See my last post in this topic; Auto Resize Background Video While Maintaining 16:9 Ratio & Margins

@Christian_Nicco Thanx for the topic! And @webdev thnx for answers.
Guys can please help me with the problem im experincing. My client want to have showreal pages with autostart, looped videos with sound and without any interface like youtube or vimeo, espacialy on mobile devices. Is there any option to do this? Here is the links:
YouTube: vtb showreal
Vidyard: main-showreal