如果添加了播放列表,JWPLAYER 播放器不起作用
jwplayer player not working if playlist is added
>我有以下没有播放列表的 jwplayer 代码,效果很好,但我想在播放器右侧添加播放列表。
没有播放列表的工作 jwplayer。
<script type=''text/javascript''>
jwplayer(''player5PdfeedXun0ZaBZpa'').setup({
file: ''http://www.xyz.com/mvideo/mv/'.$row2['url'].''',
image: '''.$row2['thumb'].''',
title: '''.$row2['title'].''',
width: ''60%'',
aspectratio: ''16:9'',
fallback: ''false'',
autostart: ''true''
});
</script>
为了添加播放列表,我正在根据 JWPLAYER 文档尝试此操作,但它不起作用。
<script type=''text/javascript''>
jwplayer(''player5PdfeedXun0ZaBZpa'').setup({
file: ''http://www.xyz.com/mvideo/mv/'.$row2['url'].''',
image: '''.$row2['thumb'].''',
title: '''.$row2['title'].''',
width: ''60%'',
aspectratio: ''16:9'',
fallback: ''false'',
autostart: ''true''
playlist: [{
image: ''heart.jpg'',
file: ''/assets/sintel.mp4'',
title: ''Sintel Movie Trailer''
},{
image: ''hate.png'',
file: ''/assets/bunny.mp4'',
title: ''Big Buck Bunny Movie Trailer''
}],
playlist.position:''bottom'',
paylist.size:''90'',
plugin:hd
});
</script>
我在哪里做错了任何想法????当我添加播放列表时,甚至播放器都没有出现
根据此文档,您的代码非常接近。但是需要做几件事才能让它工作。
- 对于播放列表,您不需要文件、图像或标题参数,因为它们是从播放列表中的每个轨道加载的。
- 您的 JavaScript 在
autostart: ''true''
后缺少逗号 playlist.position
和playlist.size
参数是旧的做事方式。请改用listbar
。- 我看到您尝试指定
plugins:hd
.除非您指定视频的高清版本,否则您不需要该行。但是,如果您想使用 HD,请查看插件文档,其中显示了如何使用该参数。
这是最终代码:
<script type=''text/javascript''>
jwplayer(''player5PdfeedXun0ZaBZpa'').setup({
width: ''60%'',
aspectratio: ''16:9'',
fallback: ''false'',
autostart: ''true'',
''playlist'': [{
image: ''heart.jpg'',
file: ''/assets/sintel.mp4'',
title: ''Sintel Movie Trailer''
},{
image: ''hate.png'',
file: ''/assets/bunny.mp4'',
title: ''Big Buck Bunny Movie Trailer''
}],
listbar: {
position: ''bottom'',
size: 90
}
});
</script>
相关文章:
- 如何检查用户在html5视频播放器中观看了完整的视频
- 音乐播放器使用相同的id播放所有内容
- 在FF和IE中使用vimeo播放器的问题-加载flash播放器而不是使用HTML5播放器
- 使用HTML5播放器时使用Javascript更改Youtube视频
- 可以't根据设备自动调整youtube播放器的大小
- html5视频播放器和视频js之间的关系
- 有没有办法在dailymotion播放器的新测试版中播放youtube视频
- 我可以共享一个HTML播放器吗
- 动态加载的自定义javascript/jQuery/HTML5音频播放器的问题
- 我们如何在dailymotion播放器的新测试版中播放youtube视频
- 角度媒体播放器和动态内容
- Javascript::通过HTML5音频播放器播放列表播放多个音频文件
- HTML5、CSS3和/或JS中旋转CD上的音频播放器
- 如果添加了播放列表,JWPLAYER 播放器不起作用
- JWPlayer vs 自定义播放器
- Jwplayer 闪烁“加载播放器时出错:无法加载播放器配置”
- JWPlayer自动检测每个用户的最佳质量,而不使用其他浏览器的flash播放器(HLS,.m3u8)
- JWplayer在一个页面中包含多个播放器和事件处理程序
- JwPlayer:未找到HTML5播放器
- Jwplayer视频播放器无法正常工作