youtube视频完成时触发[重复]答案

【问题标题】：Trigger when youtube video finished [duplicate]youtube视频完成时触发[重复]
【发布时间】：2014-06-26 20:27:06
【问题描述】：

以下是我的代码。

<object width="620" height="327">
    <param name="movie" value="http://youtube.googleapis.com/v/0s5lxs7Xvu8?autoplay=1&showinfo=0&controls=1&rel=0"></param>
    <param name="allowScriptAccess" value="always"></param>
    <embed src="http://youtube.googleapis.com/v/0s5lxs7Xvu8?autoplay=1&showinfo=0&controls=1&rel=0" id="video1" type="application/x-shockwave-flash" allowscriptaccess="always" width="620" height="327" onended="videoEnded()"></embed>
</object>

我想在视频结束时显示一条提醒消息。你能帮我解决这个问题吗？需要在jQuery中完成

【问题讨论】：

我添加了以下代码。 player.addEventListener("onStateChange", function(state){ if(state === 0){ // 视频结束，在这里做点什么 } });但它不起作用
你改用JS API嵌入视频了吗？目前您的代码正在使用 HTML 嵌入。

标签： jquery youtube addeventlistener

【解决方案1】：

你需要监听 onStateChange 事件，抓住它，看看状态改变事件是否告诉你歌曲已经结束。

new YT.Player("yt_element", {
    videoId: your_video_id,
    .. height with etc ....
    , events: {
        'onStateChange': function(event){
            if(event.data == YT.PlayerState.ENDED){
                ... show the song ended alert ...
            }
        }
    }
});

【讨论】：

它说 ReferenceError: YT is not defined
您是否按照此处的嵌入说明进行操作？听起来你只有一个嵌入式 iframe developers.google.com/youtube/…