代码之家  ›  专栏  ›  技术社区  ›  JoSch

Plyr视频播放器:如何公开/访问多个播放器?

  •  0
  • JoSch  · 技术社区  · 6 年前

    我用的是 Plyr video player plugin .

    为单个视频设置播放机非常简单,效果很好:

    $(document).ready(function() {
      var player_singleVideo = new Plyr("#singleVideo", {
        // Options
        controls: []
      });
      // Expose player
      window.player_singleVideo = player_singleVideo;
    });
    

    之后,我可以通过播放器的变量使用插件的API访问它,如下所示:

    player_singleVideo.play()
    

    var players_multiple = Plyr.setup('.video_sample');
    

    但我一直在寻找如何访问这个API创建的播放器。检查设置中使用的变量会返回一个包含播放器的数组(我假设),但我只能得到:

    console output when checking multiple players array

    如果有人能向我解释一下如何让这些播放器可以访问并在其上使用API,我将不胜感激。

    1 回复  |  直到 6 年前
        1
  •  3
  •   vinitiate    6 年前

    对我有效的是,使用DOM顺序“[0]、[1]、[2]”访问视频。这样你就可以和你喜欢的视频互动了。希望这有帮助。

    $(".play-video").on("click", function(){
        players_multiple[1].play(); 
    });