Zurück zur Übersicht

Bootstrap: Youtube Video im Modal beim Schließen stoppen

#Tutorials #Bootstrap #Javascript

Hat man ein Youtube/Vimeo oder ein sonst wie via Iframe eingebundendes Video in einem Bootstrap Modal, so kann man dieses mit folgendem Trick sehr leicht stoppen/resetten, wenn man das Modal schließt.

$("#myModal").on('hidden.bs.modal', function (e) {
    // reset iframe source
    $("#myModal iframe").attr("src", $("#myModal iframe").attr("src"));

    // Stop HTML Video
    $(this).find('video')[0].pause();
});

Das Ganze funktioniert recht einfach. Man setzt auf das Iframe die Source nochmal neu, auf die Source, die vorher drin stand. So wird das Fenter reloaded und das Video stoppt.


Kommentare

Es gibt noch keine Kommentare. Sei der Erste!

Hinterlasse einen Kommentar

Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Kommentar wird gespeichert
Danke für deinen Kommentar! Sobald er freigegeben wurde erscheint er hier.