Cacher / afficher en JavaScript - arrêtez de lire la vidéo YouTube iframe

J'ai utilisé l'iframe de la fonction à intégrer des vidéos, et je suis masquage/affichage du contenu et des vidéos à l'aide de JavaScript.

J'ai un problème. Lorsque j'appuie sur play sur la première vidéo, et cliquez ensuite sur le côté sans s'arrêter à la première, la première, continue de jouer.

Que puis-je faire pour arrêter la vidéo dans le "fond", lors de la démonstration du nouveau contenu?

$(function(){
    $("#link1").click(show1);
});

function show1(){
    $("#pic1").fadeIn();
    $("#pic2").hide();
}

Je suis juste en utilisant cette simple fonction JavaScript, où le "pic1" et "note2" id est l'id de la div, de la vidéo sont intégrés dans.

Je n'arrive pas à le faire fonctionner. J'ai essayé de mettre les supprimer, mais vous ne pouvez pas voir la vidéo à nouveau si vous le souhaitez.

source d'informationauteur Sabine Quardon

  1. 27

    C'est une implémentation du lecteur YouTube API, sans chargement des fichiers. Pour obtenir ce travail, vous avez à suffixe tous vos <iframe>'s src attribut avec ?enablejsapi=1.

    Exemple (j'ai cassé le code de plus de quelques lignes pour une meilleure lisibilité, vous pouvez omettre les retours à la ligne ():

    <div id="pic3">
    <iframe width="640" height="390"
            src="http://www.youtube.com/embed/Xub4grFLbQM?enablejsapi=1"
            frameborder="0" allowfullscreen></iframe>
</div>

<div id="tS2" class="jThumbnailScroller">
.. Removed your code for readability....
    <a href="#vid3" id="link3"><img src="images/thumbs/player2.jpg" height="85"/></a>
    ....

    JavaScript + jQuery code:

    $(function() {
    /* elt: Optionally, a HTMLIFrameElement. This frame's video will be played,
     *       if possible. Other videos will be paused*/
    function playVideoAndPauseOthers(frame) {
        $('iframe[src*="http://www.youtube.com/embed/"]').each(function(i) {
            var func = this === frame ? 'playVideo' : 'pauseVideo';
            this.contentWindow.postMessage('{"event":"command","func":"' + func + '","args":""}', '*');
        });
    }
    $('#tS2 a[href^="#vid"]').click(function() {
        var frameId = /#vid(\d+)/.exec($(this).attr('href'));
        if (frameId !== null) {
            frameId = frameId[1]; //Get frameId
            playVideoAndPauseOthers($('#pic' + frameId + ' iframe')[0]);
        }
    });
});