Why can't I get this video to automatically start on page load on mobile?
I have this video as a background with Bootstrap that I would like to autoplay on page load. It works fine with desktop Chrome, but not so much for mobile.
It is a small, .mp4 file that is created using:
<video class="video-fluid" id="video1" autoplay loop> <source src="videos/light-swaying.mp4" type="video/mp4" /> </video>
The only thing that shows up on mobile is just a still of the first frame, not a moving video. I added this script at the bottom of my body, and it actually starts the video fine. It loops and everything:
The only problem is, though, I have to click on the video to actually start it. I tried this script in the same spot, and no luck whatsoever:
So does anyone have any idea how to fix this and make it play automatically?