优酷嵌入式视频开始/停止事件
Youtube embedded video start / stop event
我想知道,通过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;
}
}
}
});
}
对于每种情况,您可以设置一个处理程序。
欲了解更多信息:
- YT 播放器入门
- YT Javascript API 事件
唯一使用的事件是:
1 - onStateChange
2 - onPlaybackQualityChange
3 - onError
4 - onApiChange
-事件处理程序:
1- 在YouTubePlayerReady(playerid)
相关文章:
- 处理第三方库发送的ajax请求的开始和结束事件
- 检测事件回调的开始和结束
- 从 ngDialog 模式修改完整日历事件信息(开始和结束)
- Vanilla Js:在一个事件中开始一段时间的循环,然后用第二个事件打破它?('mouseover'启
- Javascript开始处理下一个事件,然后第一次完成
- FullCalendar 开始和结束日期在获取事件时解析为 null
- 在开始联系人事件上设置新的身体位置
- 如何使用事件处理程序连续循环遍历数组列表(从结束恢复到开始)
- 更新事件全日历中的开始参数
- 为什么此 Google 日历 API 请求不返回开始时间等事件数据
- socket.io 开始和完成事件
- 什么是 d3.js 中的“开始”事件
- 如何使这个javascript函数实际收集服务器时间和倒计时,直到事件开始而不是浏览器/客户端时间
- 在窗口大小调整事件开始时暂停 Greensock 动画,在调整大小事件结束时恢复动画
- 瓦片上的事件开始在Google Maps v3中加载
- FullCalendar:更改事件开始日期和时间格式
- 如何解析完整日历事件上的事件开始时间.start方法
- 如何在另一个jquery事件开始之前瞄准并结束一个jquery事件
- PHP + jquery事件开始页面加载
- PHP js处理事件开始日期和结束日期