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>
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
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%
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>
<video class="embed-responsive-item" controls>
<source src="http://example.com/video.mp4" autostart="false">
Your browser does not support the video tag.
</video>
utilisez simplement preload="none"
dans votre balise video et la vidéo arrêtera la lecture automatique lors du chargement de la page.
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.