<video> sometimes doesn't start
Hey everyone, I have this simple line of code
it's pretty simple but sometimes my video (which is like 30s long) won't start at all, I'm missing something? It's a video problem or a coding problem?
8 Replies
Autoplay may be blocked by the user. In the address bar on the left is there a warning saying that autoplay has been disabled?
nope, im testing both local and online, sometimes it start and sometimes it doesn't, in the same browser and device, no error given, I just noticed it gives a 206 on the mp4 file tho
thank you for you rapid answer anyway!
206 is normal, it doesn't know that the video is only 30 seconds long and only loads a partial and will fetch more. That won't be causing the problem
It would help if you could share a link as you said you've tested it online. I have to go but others can have a look
Giustotech Web Designer Roma Freelancer Developer
Sono un web designer freelance con sede a Roma, specializzato nella creazione di siti web moderni e dinamici. Offro soluzioni economiche per aziende e professionisti che desiderano una presenza online accattivante. Scopri come posso trasformare la tua visione digitale in realtà.
Hmm, it works reliably on FF and doesn't work at all on Chrome/Edge, so it's a browser problem. I haven't worked with video in a while, but the fact it does work on FF means that you haven't made a major error. I can have a look later if nobody else does before me
thank you a lot! It's a bit strange tho because it used to work sometimes, when i tried on edge it worked too, I mean i've seen it move on chrome, used to be unstable but now it just doesn't work
I've had a further look and it seems to be a known issue and to check out https://stackoverflow.com/questions/34764876/html5-video-autoplay-not-automatically-starting-in-chrome, essentially just using JavaScript to confirm that it's muted and then autoplay
Stack Overflow
HTML5 video "autoplay" not automatically starting in Chrome
I have the following code:
<video controls autoplay>
<source src="video/myVideo.mp4" type="video/mp4">
<source src="video/myVideo.webm" type="v...
Hey! Thanks a lot, I'll give it a deeper look now :)
Thank you a lot! It fixed it, I had to do some minor fix since im in angular but it worked!