網站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嵌入式視頻不斷播放

回答

相關問題