Question

在页面上有一个流动播放器，它使用播放列表插件通过提供的标签（只是视频类别的名称）播放视频。我有“推荐视频”部分。当我点击建议的视频时，我想使用新选择的视频标签重新加载播放列表。我尝试使用文档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播放器，您可以轻松地动态更新播放列表。谁能帮我？谢谢！

Answer 1

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

Flowplayer播放列表setPlaylist（数组）不会动态更改播放列表

1 个答案: