Sie haben JavaScript deaktiviert. Vermutlich sind Sie ein Kollege und wollen nur sehen, ob meine Website auch ohne JavaScript funktioniert.
Andernfalls: Bitte aktivieren Sie JavaScript!

webdesign weisshart Startseite

zurück zum Standard-Style

Mehrere HTML5 Video-Player auf einer Seite

Vor längerer Zeit habe ich gezeigt, wie man mehrere Audio-Player auf einer Seite so einbindet, dass mit dem Anhalten des einen Players alle anderen gestoppt bzw. pausiert werden.
Das funktioniert natürlich auch mit Videos.

Der JavaScript-Code

Das folgende JavaScript-Snippet am besten unmittelbar vor dem schließenden </body> Tag einbauen.

<script> jQuery(document).ready(function( $ ) { $('video').on("play", function (me) { $('video').each(function (i,e) { if (e !== me.currentTarget) { this.pause(); } }); }); }) </script>

Wenn jQuery nicht ohnehin auf der Website läuft, dann muss es vor dem obigen Snippet aufgerufen werden.
Z.B. mit diesem Code:

<script src="https://code.jquery.com/jquery-3.7.1.min.js" ></script>

Videos: ZDF Terra X Creative Commons

Creative Commons Lizenzvertrag

Artikeltexte und Code-Snippets: Creative Commons CC BY-SA 4.0
Medien (Bilder, Videos, Audios) sind evtl. urheberrechtlich geschützt.

Kommentare

Über Ihren Kommentar zu diesem Artikel freue ich mich.
Wenn Sie aber Fragen haben, und eine Antwort erwarten, nutzen Sie bitte das Supportforum! Die Nutzung des Forums ist auch ohne Registrierung möglich.

? Anweisungen zur Eingabe von BB Code Wenn Javascript verfügbar ist, können Sie die obigen Schaltflächen zum Einfügen der folgenden Steuercodes verwenden (an der Cursorposition oder um gegebenenfalls markierten Text):

[b]als wichtig <strong>[/b] hervorgehobener Text
[c]Quellcode[/c] oder optisch hervorgehobenes Zitat