Disable html5 video autoplay

html video autoplay
kkgzjjmj picture kkgzjjmj · Oct 29, 2013 · Viewed 144k times · Source

How can I disable html5 video autoplay?

what I've tried:

<video width="640" height="480" controls="controls" type="video/mp4" autoplay="false" preload="none"><source src="http://mydomain.com/mytestfile.mp4">Your browser does not support the video tag.</video>

Answer

caulitomaz picture caulitomaz · Oct 29, 2013

I'd remove the autoplay attribute, since if the browser encounters it, it autoplays!

autoplay is a HTML boolean attribute, but be aware that the values true and false are not allowed. To represent a false value, you must omit the attribute.

The values "true" and "false" are not allowed on boolean attributes. To represent a false value, the attribute has to be omitted altogether.

Also, the type goes inside the source, like this:

<video width="640" height="480" controls preload="none">
   <source src="http://example.com/mytestfile.mp4" type="video/mp4">
   Your browser does not support the video tag.
</video>

References:

Related questions

How to disable auto-play for local video in iframe

How to disable auto-play for video when src is from my local pc? <iframe width="465" height="315" src="videos/example.mp4"></iframe> I have tried the following, but it doesn't work: src="videos/example.mp4?autoplay=0" src="…

Read More
HTML5 Video autoplay on iPhone

I have some kind of a strange problem. I try to create a website with a looped background video. The code looks like this one: This works perfectly fine on most browsers (IE struggles with this object-fit thing but I …

Read More
HTML5 video autoplay but with a 5 seconds of delay

I have a 20 second long HTML5 video loop as the background on my webpage and it is set to autostart. Is it possible to delay the video autoplay for 5 seconds? I am trying to allow the video to load completely …

Read More