网站youtube嵌入式视频不断播放

我使用iframe youtube给我在我的网站上嵌入视频。网站youtube嵌入式视频不断播放

我也是用这是我从这个页面学到了CSS弹出 http://www.pat-burt.com/web-development/how-to-do-a-css-popup-without-opening-a-new-window/

所以我的HTML代码如下所示

<div id="blanket" style="display:none;"></div> 
<div id="popUpDiv" style="display:none;"> 
<font size="4" color="#ffffff"><a style="color: #ffffff" href="javascript:void(null)" onclick="popup('popUpDiv')">Close</a><br></font> 
<iframe width="560" height="315" src="http://www.youtube.com/embed/h3Pb6IyFvfg" frameborder="0" allowfullscreen></iframe> 
</div> 
<a href="javascript:void(null)" onclick="popup('popUpDiv')" class="more_details">more details</a>

一切都在工作，我希望它但是如果我切换我的浏览器无论是Internet Explorer或铬，当我选择关闭关闭弹出视频不断播放？我做了一些Google搜索，发现了一些与我的问题相同的问题，但是我只能找到没有按预期工作的代码。

基本上我想在弹出窗口关闭时停止视频，怎么可能这样做。感谢您的帮助

来源

2011-09-30 user577732

我之前遇到过同样的问题。
我做的是删除iframe的src时，当我关闭弹出窗口和把它放回当我打开它在jQuery中。这样，我确定当弹出窗口关闭时，视频不会继续播放。

编辑增加了一个例：

添加一个可选的参数中包含视频网址

<a href="javascript:void(null)" onclick="popup('popUpDiv', 'http://www.youtube.com/embed/NWHfY_lvKIQ')" class="more_details">more details</a>

你的函数设置你的iframe的src在功能与视频网址

function popup(pPopup, pYt){ //pYt optional 
    $('iframe').attr('src', pYt); 
}

添加此行在你的代码中当你想删除源

$('iframe').attr('src', '');

来源

2011-09-30 19:31:17

我该怎么做到这一点？我有点jobery的noob和什么不是 – user577732

完美。数据（“oldSrc”，$（'iframe'）。attr（'src'））我可能会添加一个干净的方式来存储旧的源代码使用data（），如$（'iframe'）。 – mhenry1384

更改帧的显示不会停止视频。当弹出窗口关闭时，您将不得不移除iframe元素。

来源

2011-09-30 19:20:29 mowwwalker

你也可以隐藏iframe代码并使用youtube嵌入。然后在你的javascript事件中，你可以在player.pauseVideo();这里玩家是你的嵌入式对象。

使用YouTube播放器API：http://code.google.com/apis/youtube/js_api_reference.html#Playback_controls

来源

2011-09-30 19:22:33

网站youtube嵌入式视频不断播放

回答

相关问题