/ / Verwenden von Light YouTube Embed mit modal (enthüllen von Foundation) - Wie stoppt man die Videowiedergabe nach dem Schließen des modalen Fensters? - youtube, zub-foundation

Verwendung von Light YouTube Embed mit Modal (zeige von Foundation) - Wie stoppt man die Videowiedergabe, nachdem das modale Fenster geschlossen wurde? - youtube, zub-foundation

Ich benutze das Neueste Stiftung 6.4.x mit dem Leichtes YouTube Embeds-Skript von @labnol.

Ich verwende diesen Code in einer Standard-HTML-Seite:

<button data-toggle="animatedModalVideoTest1" class="hollow button expanded alert" href="##">View video</button>

Und die entsprechende Stiftung offenbaren Modal ist dieser Teil:

<div class="reveal" id="animatedModalVideoTest1" data-reveal data-close-on-click="true" data-animation-in="fade-in" data-animation-out="fade-out">
<button class="button  float-right" data-close type="button">
<span aria-hidden="true">&times;</span> Close modal window
</button>

<div class="responsive-embed">
<div class="youtube-player" data-id="xecEV4dSAXE"></div>
</div>

Wenn ich auf "Fenster schließen" klicke, läuft das Video im Hintergrund weiter. Jeder js pro, der eine Idee vorschlagen kann, wie man das stoppt, würde sehr geschätzt werden :-)

PS: Das hier verlinkte Video ist sicher für die Arbeit (John Oliver)

Antworten:

0 für die Antwort № 1

Versuche diesen Link zu benutzen vom demb-forum: https://foundation.zurb.com/forum/posts/39375-stop-video-when-closing-a-reveal-modal-with-foundation-6 .. funktioniert bei mir!

Einfügen data-reset-on-close="true" in Ihr Markup.

Beispiel

 <div class="large reveal" id="myvideo" data-reveal data-reset-on-close="true">

<iframe width="560" height="315" src="https://www.youtube.com/embed/xxxyyyzzz?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen=""></iframe>

<button class="close-button close-reveal-modal" data-close aria-label="Close reveal" type="button">
<span aria-hidden="true">&times;</span>
</button>
</div>