Texte für Popup

Text für Popup aus CMS

Bild einfügen mit Play-Button
Bei Klick soll sich ein Reveal öffnen
Von YouTube soll nichts zu sehen sein (?nocookie=true)
Reveal soll im Hintergrund schwarz sein -> SCSS vom Reveal-Container. Hintergrund vom iFrame kann nicht geändert werden.

Achtung: Bei diesem Beispiel gibt es folgende Probleme:

Lösung:

YouTube API laden. Vor dem JavaScript für das Video folgenden Code einfügen: <script src="https://www.youtube.com/iframe_api"></script>
Video automatisch starten: JS -> player.loadVideoById(videoToPlay);
Video beim Schließen des Reveals stoppen (wird ausgeführt, sobald das Reveal geschlossen wird):
jQuery('#exampleModal-imagevideo').on('closed.zf.reveal', function () {
if (player && typeof player.stopVideo === 'function') {
player.stopVideo();
}
});

Fertige und funktionierende Lösung siehe Derfler & Partner, Startseite.