关于使用YouTube播放器API加载播放列表
About Use YouTube Player API loadPlaylist
如何使用loadPlaylist
选项以便自动播放下一个视频?我的代码是这样的,但它不起作用,不能播放视频:
<div id="player"></div>
<script>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
loadPlaylist:{
listType:'playlist',
list:['4Ivdp8kj_0U','4MJRS-cLozU'],
index:parseInt(0),
suggestedQuality:'small'
},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
event.target.playVideo();
}
var done = false;
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING && !done) {
// setTimeout(stopVideo, 60000);
done = true;
}
}
function stopVideo() {
player.stopVideo();
}
</script>
我想达到这个例子的效果:http://www.youtube.com/watch?v=0DdCoNbbRvQ&list=RD02_VTY8ftr1vY
非常感谢。
实际上我昨天遇到了这个问题。首先,在onPlayerReady
函数中,您需要调用loadPlaylist
,因为这将提示播放列表并开始播放。
然而,我遇到的问题是,当调用由一组视频ID组成的播放列表时,使用对象语法,我会出错。经过一番谷歌搜索,我发现了这个Stack Overflow问题,它建议使用参数语法,并且似乎可以解决它https://developers.google.com/youtube/js_api_reference#Playlist_Queueing_Functions
我使用了您的代码,并将onPlayerReady
更改为使用带有参数语法的loadPlaylist
函数,现在它可以工作了。请在此处查看jsfiddle:http://jsfiddle.net/rustybailey/9kFyx/
index:parseInt(0)
–此参数不是必需的:默认情况下,列表中的索引为0
相关文章:
- 网页上已有tinymce加载图像列表
- jqgrid动态加载选择列表
- 提交youtube播放列表id并从id加载播放列表
- 除非刷新,否则Firebase数据不会加载到列表中(AngularJS,Firebase和ionic)
- 如何加载用户列表并并行呈现它们
- Webpack - 错误:无法在加载器列表中定义“查询”和多个加载器
- 有效的 Adobe Scene7 URL 生成“加载播放器时出错:找不到可播放的源”
- 当列表项的数量未知时,如何在加载每个列表项后立即逐个修改列表项
- 动态加载图像并附加加载事件列表器
- 关于使用YouTube播放器API加载播放列表
- Ionic Angular JS$routeProvider加载离子列表获胜't滚动
- Jwplayer 闪烁“加载播放器时出错:无法加载播放器配置”
- Youtube视频未加载播放列表
- 在 Node.js 中使用 OpenCV 加载图像列表
- Wordpress音频播放器和平滑状态.在新页面重新加载播放器时调用什么回调函数
- Angular ui-select不会在下拉菜单中加载大列表
- 重新加载/播放快速容器
- 根据另一个列表框的值将值列表加载到列表框中
- 如何使用Sencha/Phonegap将XML加载到列表中
- 任务队列第5步失败:由于跨域策略限制,无法加载播放列表- Youtube