Flowplayer播放列表setPlaylist(数组)不会动态改变播放列表

问题描述:

在页面上有一个流媒体播放器,它使用播放列表插件通过提供的标签(只是一个视频类别的名称)播放视频。我有部分“推荐视频”。当我点击建议的视频时,我想使用新选择的视频标签重新加载播放列表。我试图在文档https://flowplayer.org/docs/playlist.html#methods描述使用setPlaylist(阵列):Flowplayer播放列表setPlaylist(数组)不会动态改变播放列表

var player = flowplayer(); 
player.setPlaylist(this.playlist); 

,但它不工作。

全部播放器方法的代码:

updatePlayer() { 
    if(document.getElementById('flow').innerHTML === "") { 

         var player = flowplayer(document.getElementById("flow"), { 
          autoplay: true, 
          playlist: this.playlist, 
          loop: true 
         }); 
         // here I add all player events what I need 
        } else { 
         console.log('player updated'); 
         var player = flowplayer(); 

         player.unload(); 
         //update flowplayer playlist 
         player.setPlaylist(this.playlist); 
        } 
    } 

当玩家被初始化,我点击推荐影片CONSOLE.LOG()显示我的消息,并player.unload()的作品,但setPlaylist()不。

唯一的解决方案可以帮助它使用shutdown()方法,它可以销毁所有播放器实例,事件等等。但我认为这是一个难以理解的解决方案,之前我使用JW播放器,您可以在其中动态更新播放列表。 任何人都可以帮助我吗?谢谢!

解决方案是player.setPlaylist(this.playlist).play(0);

+1

任何解释?谢谢 – Robert

+0

我在[官方论坛]上得到了答案(https://flowplayer.org/forum/#!/@flowplayer:338761)。不确定b-z在答案中提供了“play”方法的链接不起作用,但我认为我们需要设置一个播放器状态来“播放”,并设置播放列表项目的索引,以便您希望开始播放新的播放列表 –