Utilisation de Light YouTube Embed avec modal (reveal from Foundation) - comment arrêter la lecture vidéo après la fermeture de la fenêtre modale?

Question

J'utilise la dernière Foundation 6.4.x avec le Light YouTube Embeds script by @labnol.

J'utilise ce code dans une page HTML standard:

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

Et la Fondation révèlent modale est cette partie correspondante:

<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> 

Lorsque je clique sur "Fermer la fenêtre" , la vidéo continue de jouer en arrière-plan. Tout js pro qui peut suggérer une idée comment arrêter ce serait très apprécié :-)

PS: La vidéo est ici liée sûr pour le travail (John Oliver)

Answer 1

Essayez d'utiliser ..ce lien de zurb-forum: https://foundation.zurb.com/forum/posts/39375-stop-video-when-closing-a-reveal-modal-with-foundation-6 .. fonctionne pour moi!

Insérez data-reset-on-close="true" dans votre balisage.

Exemple

<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>