嵌入的YouTube视频不会停留在Chrome和IE中

Jam*_* MV 5 html javascript youtube

关于此的几个主题但对我没有答案.

将YouTube视频嵌入到叠加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>
Run Code Online (Sandbox Code Playgroud)

在Firefox关闭窗口时,视频停止,但不在Chrome或Internet Explorer中.

当用户单击关闭时,是否有一些简单的javascript我可以用来阻止它?

TIA

编辑:

    <!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>
Run Code Online (Sandbox Code Playgroud)

Pau*_*fam 3

YouTube 有一个 javascript api,您可以启用它来停止视频。要启用 api,请将此参数添加到&enablejsapi=1src url 的末尾,现在您可以通过 javascript 访问播放器。首先您需要获取播放器参考:

function onYouTubePlayerReady(playerId) {
    ytplayer = document.getElementById("nameofplayer");
}
Run Code Online (Sandbox Code Playgroud)

现在您可以使用以下功能停止视频:

function stop() {
  if (ytplayer) {
    ytplayer.stopVideo();
  }
}
Run Code Online (Sandbox Code Playgroud)

只需调用stop();onclick 函数内部即可关闭。

所有 youtube javascript api 信息都位于此处