嵌入的YouTube视频开始/停止事件(Youtube embedded video start /

2019-06-24 10:21发布

我想知道，是否通过嵌入iframe的YouTube视频揭露某些事件，比如在onStart或的onStop，在那里你可以指定一些回调？

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

对于每一个情况下，你可以设置一个处理程序。

欲了解更多信息：

YouTube播放器入门
YT Javascript API第活动

Answer 2:

唯一使用的事件是：

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

-event处理程序：

1- onYouTubePlayerReady（playerid）

嵌入的YouTube视频开始/停止事件(Youtube embedded video start /

Answer 1:

Answer 2:

收藏的人(0)

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮