Désactiver l'autoplay vidéo html5

Je retirerais l'attribut autoplay, puisque si le navigateur trouve la chaîne autoplay, il autoplays!

l'autoplay n'est pas un type booléen.

aussi, le type va à l'intérieur de la 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

Essayez d'ajouter autostart="false" à votre étiquette 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>

JSFiddle exemple

supprimer l'autoplay dans la balise vidéo. utiliser le code comme ceci

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

c'est 100% de travail

il suffit d'utiliser preload="none" dans votre balise vidéo et la vidéo s'arrêtera autoplay lors du chargement de la page.

en Effet la configuration de autoplayfalse n'aide pas certaines vidéos vont se jouer de toute façon. Voir dans ce cas violon.

vous pourriez vouloir faire par code quelque chose dans la ligne de si vous voulez mettre en pause toutes les vidéos:

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

bien sûr le cas ci-dessus ne fonctionnera pas si le video tag est dans un élément de racine d'ombre, mais alors à peine n'importe quelle solution générale fonctionnera avec des éléments de racines d'ombre. Là, vous aurez besoin d'une approche personnalisée et de développer d'abord l'ombre racine.

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

Vous pouvez définir 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>

ps. pour activer vous pouvez utiliser autoplay ou autoplay="autoplay"

il suffit de mettre l'autoplay="false" sur l'étiquette source.. :)