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

标签 javascript youtube youtube-api

我想知道,通过 iframe 嵌入 YouTube 视频是否会公开某些事件,例如 onStart 或 onStop,您可以在其中指定一些回调?

最佳答案

这是一个处理开始和停止事件的例子:

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. YT Player Getting Started
  2. YT Javascript API Events

关于javascript - Youtube 嵌入式视频开始/停止事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10580388/

相关文章:

javascript - 在 Javascript 中从字符串中提取 URL

ios - youtube 收到错误呈现模板 : Error Domain=NSCocoaErrorDomain Code=258

java - 从使用 YouTube 数据 API 的个人项目中删除 Google 未经验证的警告

javascript - 在悬停子列表上下拉而不扩展 div 的高度

javascript - 使用 javascript 在表格单元格中插入数组值

javascript - 如何在 firebase 中显示带有值事件的记录列表?

ios - 如何在解析网页内容时单击按钮

jquery - 检查 YouTube 视频是否正在播放并运行脚本

Android Youtube 版本低于 4.2.16

php - 通过 V3 Data API 上传 YouTube 视频 -- 用户有 channel 吗?