javascript - 使用 jQuery 重定向 YouTube 视频?

标签 javascript jquery youtube

我的网站上有 jQuery。我还有一个使用标准对象/嵌入代码的 YouTube 视频。我如何使用 jQuery 以便当 youtube 视频播放完毕时,页面重定向到新页面?

** 编辑*

这是我的 YouTube 嵌入内容:

<div id="embed_player">
    <object id="embed_object" type="application/x-shockwave-flash" width="640" height="385" data="http://www.youtube.com/v/LgJxPKfV8sw">
        <param name="movie" value="http://www.youtube.com/v/LgJxPKfV8sw">
        <param name="allowfullscreen" value="true">
        <param name="allowscriptaccess" value="true">
        <param name="wmode" value="transparent">
        <param name="flashvars" value="autoplay=0&hd=1&fs=1&rel=0&version=3&enablejsapi=1&playerapiid=ytplayer">
    </object>
</div>

我尝试将以下 JavaScript 添加到我的页面,但没有成功...

<script type="text/javascript" src="http://www.youtube.com/player_api"></script>
<script type="text/javascript">
function onYouTubePlayerReady(playerId) {
  ytplayer = document.getElementById("ytplayer");
  ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
}

function onytplayerStateChange(newState) {
   alert("Player's new state: " + newState);
}
</script>

最佳答案

您需要绑定(bind)到 onstatechange 事件:

onStateChange 每当玩家的状态发生变化时就会触发此事件。可能的值为未开始 (-1)、结束 (0)、播放 (1)、暂停 (2)、缓冲 (3)、视频提示 (5)。首次加载 SWF 时,它将广播未启动 (-1) 事件。当视频被提示并准备好播放时,它将广播视频提示事件 (5)。

这里有一些很好的文档:https://developers.google.com/youtube/js_api_reference#Adding_event_listener

关于javascript - 使用 jQuery 重定向 YouTube 视频?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11195142/

相关文章:

javascript - 我不知道如何修复我的反向数组/字符串

javascript - 谷歌地图异步加载街景

javascript - iOS Safari上的YouTube API,使用自定义控件以编程方式静音/取消静音?

.net - redirect_uri_mismatch错误Google API v3 .NET

video - JW播放器从youtube视频中检索字幕

javascript - 在 D3 中动画绘制曲线

javascript - gulp + nunjucks 无法渲染模板

javascript - 为什么我的 text() 函数在我的脚本中不起作用?

javascript - 使用 ajax 无限滚动不适用于 Chrome

JQuery getJSON 在包含撇号的 SharePoint REST 数据上失败