Youtube视频API的onStateChange事件不能用来改变视频
Youtube video API onStateChange event cannot be used to change video
我想使用Youtube API提供的onStateChange事件来收听视频的结束,然后在播放器中播放新视频。然而,由于某些原因,这似乎是不可能的。
function onPlayerStateChange(event) {
if(event.data === 0) {
console.log('done');
goNext();
}
}
function goNext() {
player.loadVideoById('JBJ1VPBrCl0', 0, 'default');
}
我像这样注册事件处理程序
player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '530',
width: '640',
videoId: '0Bmhjf0rKe8',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
问题是:如果我手动调用我的函数goNext(),视频会发生变化。如果我等待视频结束,"完成"消息被打印到控制台,但视频没有改变。知道我哪里做错了吗?
我在这里放了一把小提琴。谢谢!
http://jsfiddle.net/PHXY2/FWIW,你的小提琴的例子工作得很好为我(视频结束后,它自动开始播放"短猫喵喵-有趣的猫视频-红色激光"视频)你碰巧有任何youtube相关的浏览器扩展安装早些时候?其中一些已知会导致YT API出现问题。
相关文章:
- 改变嵌入式YouTube视频的方面配比
- 改变视频src而不停止HTML5视频
- 我发现如何改变html5源标签的视频源(src),但在函数内或与内联javascript得到不同的结果
- 预加载视频(不播放,不改变源,不自动播放)点击或可见时
- 改变JWPlayer视频点击
- 需要帮助在JavaScript改变和停止背景视频
- 如何动态改变html5视频源
- 当CSS属性溢出改变时,在firefox上重新加载Youtube视频
- HTML5视频-点击后进度条和音量位置不改变
- Javascript在YouTube视频改变
- 移动Safari在动态改变视频标签源时崩溃
- 改变视频id在youtube嵌入代码与查询值
- 改变html5视频源与预加载
- 如何用JavaScript改变视频源
- Iframe YouTube API动态改变视频源
- 当前播放位置不会改变HTML视频
- Greasemonkey:改变'preload'视频'HTML源代码中的标记
- 怎么做插座.io的实现在webtc视频通话和什么我要改变在server.js
- 视频仍然通过https加载,即使我改变了src属性
- 我想做一个视频背景,我需要视频改变大小相对于屏幕分辨率,而不是放大视频