Eingebettete YouTube-video Stoppt nicht in Chrome und IE

Paar Themen zu diesem Thema, aber keine Antworten für mich.

Einbetten von youtube-Videos in einem overlay-div:

   <div id="blanket" style="display:none;">
     </div>
        <div id="popUpDiv" style="display:none;">
        <a href="#" onclick="popup('popUpDiv')">Close</a>     
        <iframe width="480" height="390" src="https://www.youtube.com/embed/G5AuItKv?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>                                       
        </div>

Auf firefox, wenn ich schließen Sie das Fenster, das video Stoppt, nicht aber in chrome oder internet explorer.

Gibt es einige einfache javascript kann ich verwenden, um es zu stoppen, wenn der Benutzer auf Schließen?

TIA

Edit:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<a href="#" onclick="javascript:ytplayer.stop()">Close</a>

 <iframe width="480" height="390" src="http://www.youtube.com/e/PE1il5znICA?enablejsapi=1&version=3&playerapiid=ytplayer" frameborder="0"  allowfullscreen></iframe>


 <script type="text/javascript">
function onYouTubePlayerReady(playerId) {
    ytplayer = document.getElementById("ytplayer");
}

function stop() {
  if (ytplayer) {
    ytplayer.stopVideo();
  }
}
</script>
</body>
</html>
InformationsquelleAutor James MV | 2011-08-11
  1. 3

    Youtube hat eine javascript-api, die Sie aktivieren können, so wie um das video zu stoppen. Aktivieren Sie die api dieser parameter hinzufügen: &enablejsapi=1 zum Ende Ihres src-url und Sie haben nun Zugriff auf den player durch javascript. Erste, Sie brauchen, um den player Referenz: 

    function onYouTubePlayerReady(playerId) {
    ytplayer = document.getElementById("nameofplayer");
}

    und nun haben Sie die Möglichkeit zu stoppen Sie das video mit der folgenden Funktion:

    function stop() {
  if (ytplayer) {
    ytplayer.stopVideo();
  }
}

    Rufen Sie einfach stop(); im onclick-Funktion für das schließen.

    Alle die youtube javascript api-info befindet sich hier.

    • Auf weitere Inspektion iframe youtube-api ist es etwas anders. Bitte werfen Sie einen Blick hier für mehr Informationen für den Zugriff auf den player per javascript.
    InformationsquelleAutor Paul Graffam
  2. 1

    Ich hatte das gleiche problem in HTML5. Iframe funktioniert nicht mit der Youtube-API, müssen Sie generieren-Objekt mit JavaScript api.

    Versuchen zu ändern:

    <iframe width="480" height="390" src="http://www.youtube.com/e/PE1il5znICA?enablejsapi=1&version=3&playerapiid=ytplayer" frameborder="0"  allowfullscreen></iframe>

    zu:

    swfobject.embedSWF("http://www.youtube.com/e/PE1il5znICA?enablejsapi=1&version=3&playerapiid=ytplayer","ytplayer", "480", "390", "8", null, null, params, atts);

    Exemple:

    Zuerst das div-Element in html:

    <div id="ytplayer">
<p>You need Flash player and JavaScript enabled to view this video.</p>
</div>

    Dann fügen Sie das Skript zum erstellen von Objekten und fügen Sie die stop-Funktion:

    <script type="text/javascript">

    function onYouTubePlayerReady(playerId){ytplayer = document.getElementById("ytplayer");}
         var params = { allowScriptAccess: "always" };var atts = { id: "ytplayer" };


         swfobject.embedSWF("http://www.youtube.com/e/videoID?enablejsapi=1&version=3&playerapiid=ytplayer","ytplayer", "425", "356", "8", null, null, params, atts);

         function stop() {if (ytplayer) {ytplayer.stopVideo();}}
    </script>

    Arbeit für mich.

    InformationsquelleAutor Karol Bryksa
Schreibe einen Kommentar