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

我想知道，通过iframe嵌入YouTube视频是否暴露了某些事件，如onStart或onStop，您可以在其中指定一些回调？Youtube嵌入式视频开始/停止事件

2012-05-14 Ace Trajkov

该处理启动和停止的事件为例：

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; 
       } 
      } 
     } 
    }); 
}

对于每个案例你可以设置一个处理程序。

如需进一步信息：

来源

2012-05-14 09:29:00 Wilk

卓越的，这正是我所需要的 –

你是一个很好的Wik。对此帖子+1。 –

我写了一篇博客文章，详细介绍了一个类似的YouTube示例，但采取了一些不同的策略：http://www.objectpartners.com/2013/08/21/triggering-a-youtube-video-from-clicking-a-按钮图像和 - 更换 - 当端/ –

唯一使用的事件是：

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

- 活动处理程序：

1- onYouTubePlayerReady（playerid）

来源

2012-05-14 09:29:20 HGK

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

回答

相关问题