如何在點擊div時停止YouTube視頻？

Question

我有div顯示youtube視頻的盈方。點擊時如何停止視頻？ 查看我的示例。 http://jsfiddle.net/uprosoft/6wXvA/81/

謝謝。

Answer 1

看看這裏

http://apiblog.youtube.com/2011/01/introducing-javascript-player-api-for.html

你有這樣的功能：

function stopVideo() { 
    player.stopVideo(); 
} 

Answer 2

使用的iFrame你不能控制，則需要

<object id="ytplayer" style="height: 390px; width: 640px"> 
    <param name="movie" value="http://www.youtube.com/v/NWHfY_lvKIQ?version=3&enablejsapi=1"> 
    <param name="allowScriptAccess" value="always"> 
    <embed id="ytplayer" src="http://www.youtube.com/v/NWHfY_lvKIQ?version=3&enablejsapi=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390"> 
</object> 

<div onclick="document.getElementById('ytplayer').stopVideo()">Stop</div> 

Answer 3

無法訪問如果主文檔和iframe的不是，則從iframe中獲取DOM來自同一個域名。

即：從鉻控制檯：

不安全JavaScript嘗試與URL http://www.youtube.com/embed/NWHfY_lvKIQ?wmode=opaque從幀幀訪問使用URL http://fiddle.jshell.net/_display/。域，協議和端口必須匹配。

如果你想控制YouTube視頻，你需要將它嵌入到你的頁面。

在YouTube上觀看視頻，然後點擊 「嵌入」，然後選中該複選框：[？]

使用舊的嵌入代碼

你就會有好的代碼:)