javascript - 使用 Plyr.io，一旦视频结束 - 重新启动播放器

Question

我正在使用plyr 插件在我的网站上播放视频。

我正在尝试在视频结束时重新启动播放器（vimeo），但我运气不佳。我什至试图控制台记录一条消息，但这甚至不起作用。谁能看到我哪里出错了？

JSfiddle附在这里。

if ($('.main-hero__youtube__video').length) {
    console.log("Video player init");
    // Define the controls
    var plyr_options = {
        autoplay: true,
        clickToPlay: true,
        showPosterOnEnd: true,
        controls: ['mute','progress','play']
    };

    // Create the plyr instances - this defines players[0] as our primary player.
    var players =  plyr.setup(plyr_options);

    players[0].on('ended', function(event) {
      console.log("test");
    });

}

Answer 1

你很接近，你只需要在你的播放器实例上调用该restart()方法（或者play()如果你正在寻找一个无限循环）：

players[0].on('ended', function(event) {
    players[0].restart();
    // players[0].play(); // infinite loop
});

https://jsfiddle.net/yunxyfbh/