it-swarm.com.de

Deaktivieren Sie die automatische Wiedergabe von html5-Videos

Wie kann ich die automatische Wiedergabe von HTML5-Videos deaktivieren?

was ich probiert habe:

<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

Ich würde das Autoplay-Attribut entfernen, denn wenn der Browser den Autoplay-String findet, wird er automatisch abgespielt!

Das Autoplay ist kein boolescher Typ.

Außerdem geht der Typ wie folgt in die Quelle:

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

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

41
caulitomaz

entfernen Sie die Autoplay-Funktion im Video-Tag. Verwenden Sie Code wie folgt 

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

es arbeitet zu 100%

6
rsnr4u

Versuchen Sie, autostart="false" zu Ihrem Quell-Tag hinzuzufügen.

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

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

verwenden Sie einfach preload="none" in Ihrem Video-Tag, und das Video stoppt die automatische Wiedergabe, wenn die Seite geladen wird.

0
Dhaval Mistry

Die Einstellung von autoplay auf false hilft nicht, manche Videos werden trotzdem abgespielt. Siehe diesen Fall in der Geige.

Möglicherweise möchten Sie etwas in der Zeile von Code eingeben, wenn Sie alle Videos anhalten möchten: 

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

Natürlich funktioniert der obige Fall nicht, wenn sich das video-Tag in einem Schattenwurzelelement befindet, aber dann funktioniert kaum eine allgemeine Lösung mit Schattenwurzelelementen. Dort benötigen Sie einen benutzerdefinierten Ansatz und erweitern zuerst die Schattenwurzeln.

0