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

Question

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

我正在尝试在视频结束时重新启动播放器 (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/