如果添加了播放列表,JWPLAYER 播放器不起作用

jwplayer player not working if playlist is added

本文关键字:JWPLAYER 播放器 不起作用 播放列表 添加 如果      更新时间:2023-09-26

>我有以下没有播放列表的 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>

我在哪里做错了任何想法????当我添加播放列表时,甚至播放器都没有出现

根据此文档,您的代码非常接近。但是需要做几件事才能让它工作。

  1. 对于播放列表,您不需要文件、图像或标题参数,因为它们是从播放列表中的每个轨道加载的。
  2. 您的 JavaScript 在 autostart: ''true'' 后缺少逗号
  3. playlist.positionplaylist.size参数是旧的做事方式。请改用listbar
  4. 我看到您尝试指定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>