Youtube 嵌入式视频开始/停止事件答案

【问题标题】：Youtube embedded video start / stop eventYoutube 嵌入式视频开始/停止事件
【发布时间】：2012-05-14 09:09:43
【问题描述】：

我想知道，通过 iframe 嵌入 youtube 视频是否会暴露某些事件，例如 onStart 或 onStop，您可以在其中指定一些回调？

【问题讨论】：

【解决方案1】：

这是一个处理启动和停止事件的示例：

HTML 文件（index.html）：

<!DOCTYPE html>
<html>
    <head>
        <title>Stackoverflow</title>
        <script type="text/javascript" src="http://www.youtube.com/player_api"> </script>
        <script type="text/javascript" src="sof.js"> </script>
    </head>
    <body>
        <div id="player"></div>
    </body>
</html>

还有 JavaScript (sof.js)：

var player;
// This function creates an <iframe> (and YouTube player)
// after the API code downloads.
function onYouTubePlayerAPIReady() {
    player = new YT.Player('player', {
        height: '390',
        width: '640',
        videoId: 'u1zgFlCw8Aw',
        events: {
            'onStateChange': function (event) {
                switch (event.data) {
                    case -1:
                        console.log ('unstarted');
                        break;
                    case 0:
                        console.log ('ended');
                        break;
                    case 1:
                        console.log ('playing');
                        break;
                    case 2:
                        console.log ('paused');
                        break;
                    case 3:
                        console.log ('buffering');
                        break;
                    case 5:
                        console.log ('video cued');
                        break;
                }
            }
        }
    });
}

您可以为每种情况设置一个处理程序。

更多信息：

【讨论】：

太好了，这正是我所需要的
你太棒了维基。对此帖子 +1。
我写了一篇博文，详细介绍了一个类似的 YouTube 示例，但采用了一些不同的策略：objectpartners.com/2013/08/21/…

【解决方案2】：

唯一使用的事件是：

1 - onStateChange 
2 - onPlaybackQualityChange 
3 - onError 
4 - onApiChange

-事件处理程序：

1- onYouTubePlayerReady(playerid)

【讨论】：