We are trying to use a video as a background image. Check out our page so far:
[login to view URL]
The problem is that even with this low-res video, it loads slowly, looks bad and doesn't play on Google Chrome.
Check out the code we are using:
<video autoplay="autoplay" loop="loop" autobuffer="autobuffer" muted="muted" poster="img/[login to view URL]" width="100%" style="height: 802px; width: 1604px; margin-top: 0px; margin-left: -96px;">
<source src="assets/[login to view URL]">
</video>
Im thinking to Blur it so it doesn't look so bad. I still need help on making it load faster and play on Chrome.
Also, i want it to look good on mobile. I want it working just like this site: [login to view URL]
Sumary:
-I need this video edited so that it looks good (perhaps by bluring it)
-I need it to load fast
-I need it to work on Chrome
-I need it not to loop
I need it to work just like canva.com.