Javascript 获取嵌入的 youtube id

Question

我嵌入了这样的 youtube 视频：

    <object height="25" width="610"><param name="movie" 
    value="http://www.youtube.com/v/GBApIkX0YN4&hl=en_US&color1=0xf4f4f4&color2=0xffffff&hd=0&fs=0&enablejsapi=1&playerapiid=ytplayer">
    </param>
    <param name="allowFullScreen" value="true">
    </param>
    <param name="allowscriptaccess" value="always">
    </param>
    <embed src="http://www.youtube.com/v/GBApIkX0YN4&hl=en_US&color1=0xf4f4f4&color2=0xffffff&hd=0&fs=0" height="25" width="610" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always">
    </embed></object>

---

在 youtube 示例中，他们使用以下代码查看玩家状态何时发生变化。

    function onYouTubePlayerReady(playerId) {
  ytplayer = document.getElementById("myytplayer");
  ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
}

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

当我把它放到我的页面时，当我播放暂停视频时什么都没有发生（我认为它应该做一个警报，说明状态是什么。）

我想使用“GBApIkX0YN4”的 javascript 获取它的 ID，以便我可以使用 youtube api 并找出视频何时结束以调用 javascript 函数。

1. 有没有更简单的方法来判断视频何时结束？

2. 如果没有，我如何获得它的 ID？

我看到别人用过

    youtubeID = v.attr('src').match(/youtube\.com.*?v[\/=](\w+)/)[1];

但我不知道如何从嵌入代码中找到网址。

谢谢

Answer 1

您应该使用Youtube Javascript API 这可以通过包含&enablejsapi=1 在您的嵌入网址中启用，这样您的网址将如下所示：

http://www.youtube.com/v/GBApIkX0YN4&hl=en_US&color1=0xf4f4f4&color2=0xffffff&hd=0&fs=0&enablejsapi=1

为了调用播放器 API 方法，您必须首先获取对您希望控制的播放器对象的引用。这可以通过在 or 标签上调用 getElementById() 来获取玩家对象来完成。

然后您可以在播放器对象上设置onStateChange 事件，该事件将根据视频的状态返回一个值。您需要检查该值是否为 0，表示视频已结束。

来自文档：

This event is fired whenever the player's state changes. Possible values are unstarted (-1), ended (0), playing (1), paused (2), buffering (3), video cued (5). When the SWF is first loaded it will broadcast an unstarted (-1) event. When the video is cued and ready to play it will broadcast a video cued event (5).

希望对你有帮助。