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