使用 jQuery 重定向 youtube 视频

Using jQuery to redirect a youtube video?

本文关键字：视频 youtube 重定向 jQuery 使用      更新时间：2023-09-26

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

您需要绑定到 onstatechange 事件：

在状态更改每当玩家的状态发生变化时，都会触发此事件。可能的值包括未开始 （-1）、结束 （0）、正在播放 （1）、暂停 （2）、缓冲 （3）、视频提示 （5）。首次加载 SWF 时，它将广播一个未启动的 （-1） 事件。当视频被提示并准备好播放时，它将广播视频提示事件 （5）。

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

相关文章：