HTML5 Video Autoplay not working correctly

Question

I'm using this code:

<video width="440px" loop="true" autoplay="true" controls> <source src="http://www.example.com/CorporateVideo.mp4" type="video/mp4" /> <source src="http://www.example.com/CorporateVideo.ogv" type="video/ogv" /> <source src="http://www.example.com/CorporateVideo.webm" type="video/webm" /> </video> 

I want the video to autoplay but when the page loads the video doesn't play. It looks like it's a buffering issue, as when I hover on the video (to show controls) the video is always 2 seconds in but then stops and doesn't continue.

Note: I just visited the site again and autoplay seemed to work, but when I try again the same issue is happening, is this a buffering issue? Anything I can do to stop this?

Answer 1

Try autoplay="autoplay" instead of the "true" value. That's the documented way to enable autoplay. That sounds weirdly redundant, I know.

Answer 2

Chrome does not allow autoplay if the video is not muted. Try using this:

<video width="440px" loop="true" autoplay="autoplay" controls muted>   <source src="http://www.tuscorlloyds.com/CorporateVideo.mp4" type="video/mp4" />   <source src="http://www.tuscorlloyds.com/CorporateVideo.ogv" type="video/ogv" />   <source src="http://www.tuscorlloyds.com/CorporateVideo.webm" type="video/webm" /> </video>