html5 - reproductor - reproducir video automaticamente html

Deshabilitar reproducción automática de video html5

Question

¿Cómo puedo desactivar la reproducción automática de video html5?

lo que he intentado:

<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 1

De hecho, establecer la autoplay en false no ayuda a que algunos videos se reproduzcan de todos modos. Ver este caso en violín.

Es posible que desee hacer por código algo en la línea de si desea pausar todos los videos:

videos = document.querySelectorAll("video");
for(video of videos) {
video.pause();
}

Por supuesto, el caso anterior no funcionará si la etiqueta de video está en un elemento raíz sombreado, pero casi ninguna solución general funcionará con elementos de raíz oculta. Allí necesitarás un enfoque personalizado y expandir primero las raíces ocultas.

Answer 2

Intente agregar autostart="false" a su etiqueta de origen.

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

Ejemplo JSFiddle

Answer 3

Puedes configurar autoplay=""

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

PD. para habilitarlo puedes usar la autoplay o la autoplay="autoplay"

Answer 4

Quitaría el atributo de reproducción automática, ya que si el navegador encuentra la cadena de reproducción automática, ¡se reproduce automáticamente!

La reproducción automática no es un tipo booleano.

Además, el tipo va dentro de la fuente, así:

<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>

Referencia: http://www.w3.org/TR/html-markup/video.html

Answer 5

eliminar la reproducción automática en la etiqueta de video. usa un código como este

<video class="embed-responsive-item" controls>
<source src="http://example.com/video.mp4">
Your browser does not support the video tag.
</video>

está funcionando al 100%

Answer 6

simplemente pon el autoplay = "false" en la etiqueta fuente ... :)

Answer 7

simplemente use preload="none" en su etiqueta de video y el video detendrá la reproducción automática cuando se cargue la página.