我的网站上有 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/