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

时间:2017-02-27 09:58:03

标签: javascript flowplayer

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

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播放器,您可以轻松地动态更新播放列表。 谁能帮我?谢谢!

1 个答案:

答案 0 :(得分:0)

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