Liste de lecture flowplayer setPlaylist (array) ne change pas dynamiquement la playlist

Question

Sur la page a un flowplayer qui lit les vidéos par tag fourni (juste un nom de catégorie vidéo) en utilisant le plugin playlist. Et j'ai une section "Suggestions de vidéos". Lorsque je clique sur la vidéo suggérée, je veux recharger la liste de lecture en utilisant la nouvelle balise vidéo. J'ai essayé une utilisation setPlayList (tableau) comme décrit dans la documentation https://flowplayer.org/docs/playlist.html#methods:

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

mais il ne fonctionne pas.

code méthode de joueur complet:

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); 
        } 
    } 

Lorsque le lecteur est initialisé et je clique pour les vidéos proposées console.log() me montre un message et player.unload() fonctionne, mais setPlayList() ne .

La seule solution qui peut l'aider à utiliser la méthode shutdown(), qui détruit toutes les instances de joueurs, événements et ainsi de suite. Mais c'est une solution moche, je pense, j'ai utilisé JW lecteur précédent où vous pouvez facilement mettre à jour la liste de lecture de façon dynamique. Quelqu'un peut-il m'aider? Merci!

Answer 1

La solution est player.setPlaylist(this.playlist).play(0);