Html 检查嵌入的youtube视频是否已启动

我有一个嵌入YouTube视频的脚本

这是我的剧本

<object width="500" height="375">
    <param name="movie" 
               value="http://www.youtube.com/v/mLDTfRDM_LE?version=3&autohide=1&showinfo=0&enablejsapi=1">
        </param>
    <param name="allowScriptAccess" value="always">
        </param>
    <embed src="http://www.youtube.com/v/mLDTfRDM_LE?version=3&autohide=1&autoplay=1&showinfo=0&rel=0&enablejsapi=1" 
               type="application/x-shockwave-flash" 
               allowscriptaccess="always" 
               width="500" height="375">
        </embed> 
        </object>

类似的链接如下：

---

但我有一个不同的脚本。

总体思路如下：

1） 您需要在

元素上添加一个id属性——这将允许您监听播放器事件。下一步您将需要它。本例假设嵌入id为“myPlayer”

2） 在关闭正文之前，请在页面上包含此脚本：

<script>
function onYouTubePlayerReady(playerId) {
        ytplayer = document.getElementById("myPlayer");
        ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
}

function onytplayerStateChange(newState) {
        if (newState=="1") {
                alert("Hii video has started");
        }
}
</script>

但是更好的解决方案是不使用静态嵌入代码，而是使用SWFObject。遵循以下文档：

如果使用jQuery，另一种可能性是tubePlayer插件：

当然，我最大的建议是根本不使用AS3嵌入，而是使用iFrame：

<script>
function onYouTubePlayerReady(playerId) {
        ytplayer = document.getElementById("myPlayer");
        ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
}

function onytplayerStateChange(newState) {
        if (newState=="1") {
                alert("Hii video has started");
        }
}
</script>

classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"