web-dev-qa-db-fra.com

Désactiver la lecture automatique de la vidéo html5

Comment puis-je désactiver la lecture automatique de vidéo html5?

ce que j'ai essayé:

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

Je supprimerais l'attribut autoplay, car si le navigateur trouve la chaîne autoplay, il lit automatiquement!

La lecture automatique n'est pas un type booléen.

En outre, le type va dans le source, comme ceci:

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

Référence: http://www.w3.org/TR/html-markup/video.html

41
caulitomaz

supprimer la lecture automatique dans la balise video. utiliser un code comme celui-ci 

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

il travaille à 100%

6
rsnr4u

Essayez d’ajouter autostart="false" à votre balise source.

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

Exemple JSFiddle

5
anita

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

0
Harish Varaliya

utilisez simplement preload="none" dans votre balise video et la vidéo arrêtera la lecture automatique lors du chargement de la page.

0
Dhaval Mistry

En effet, régler autoplay sur false n’aide pas certaines vidéos à être lues de toute façon. Voir ce cas en violon.

Si vous souhaitez mettre toutes les vidéos en pause, vous souhaiterez peut-être coder quelque chose dans la ligne: 

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

Bien entendu, le cas ci-dessus ne fonctionnera pas si la balise video se trouve dans un élément racine ombre, mais dans ce cas aucune solution générale ne fonctionnera avec les éléments racines ombre. Là, vous aurez besoin d'une approche personnalisée et développez d'abord les racines d'ombre.

0
Eduard Florinescu