detener todos los videos cuando se reproduce un nuevo video

Question

Feb 15, 2013, 08:50 AM

detener todos los videos cuando se reproduce un nuevo video

Necesito ayuda con la API de Youtube y los videos incrustados. Quiero detener todos los videos de iframe (aquí solo tomé 3, pero hay varios videos) que se ejecutan en la página actual cuando se hace clic en un nuevo video de YouTube. En un momento dado, solo se debe ejecutar un video de iframe en youtube. He revisado la documentación [https://developers.google.com/youtube/js_api_reference globe []] y pude escribir hasta aquí ...

Actualizado:

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="http://www.youtube.com/player_api"></script>
        <script type="text/javascript">
            var player;
             function onYouTubeIframeAPIReady() {
                player = new YT.Player('player', {
                    events: {
                        'onReady': onPlayerReady,
                        'onStateChange': onPlayerStateChange
                    }
                });
            }

            var done = false;
              function onPlayerStateChange(event) {
                if (event.data == YT.PlayerState.PLAYING && !done) {
                    alert("hi5");
                    player1.stopVideo();
                    player2.stopVideo();
                    done = true;
                }
               }
        </script>
    </head>
    <body>
        <div>TODO write content</div>
        <ul class="image-grid" id="list"> 
            <li>
                <iframe id="player" width="385" height="230" src="http://www.youtube.com/embed/erDxb4IkgjM?rel=0&wmode=Opaque&enablejsapi=1;showinfo=0;controls=0" frameborder="0" allowfullscreen></iframe> 
            </li>
            <li>
                <iframe id="player1" width="385" height="230" src="http://www.youtube.com/embed/wSrA5iQGlDc?rel=0&wmode=Opaque&enablejsapi=1;showinfo=0;controls=0" frameborder="0" allowfullscreen></iframe>
            </li>
            <li>
                <iframe id="player2" width="385" height="230" src="http://www.youtube.com/embed/c7b_WLkztXc?rel=0&wmode=Opaque&enablejsapi=1;showinfo=0;controls=0" frameborder="0" allowfullscreen></iframe>
            </li>
        </ul>
    </body>
</html>

ACTUALIZADO

El evento onStateChange no se activa (funciona)En este ejemplo tengo 3 videos, en realidad tiene más videos en lugar de escribir onPlayerStateChange para cada video ... es posible usar una matriz para todos los videos ... y en la función onPlayerStateChange, para escribir player []. StopVideo ( ) y this.playvideo () .. algo de este tipo ... (se requiere ayuda) por favor vea este violínhttp://jsfiddle.net/LakshmiV/kn5Sf/ Por favor ayuda.