Tutorials
Einige nützliche Hilfen und Code-Schnipsel, die ich immer wieder benötige und deshalb hier für alle sammle.
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