I tried to put a looping animation to showcase my work on my website, I used a background video component with a .webm file, so that I could successfully have it autoplay, and keep the file size minimum, (currently 1.6Mb, comparing to a Gif file 3.6Mb)
Now the problem is that, it doesn’t play on mobile. Does anyone here know a way to get around it?
The worst thing is, it doesn’t even display properly, as you can see from the screenshots.
I’ll be very happy if it could just display it properly as a static image on the mobile.
Thanks a lot!
Here is the link to the page I’m referring to: