如果添加了播放列表,则jwplayer播放器无法正常工作

时间:2013-10-20 11:33:26

标签: javascript php media-player jwplayer

我有没有播放列表的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 个答案:

答案 0 :(得分:1)

根据this documentation,您的代码非常接近。但要完成这项工作还需要做几件事。

  1. 对于播放列表,您不需要文件,图片或标题参数,因为这些参数是从播放列表中的每个曲目加载的。
  2. 您的JavaScript在autostart: \'true\'
  3. 之后缺少逗号
  4. playlist.positionplaylist.size参数是旧的做事方式。相反,请使用listbar
  5. 我看到您尝试指定plugins:hd。除非您指定视频的高清版本,否则您不需要该行。但是如果你想使用HD,请查看显示如何使用该参数的plugins documentation
  6. 这是最终的代码:

    <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>