使用Plyr.io,视频结束后 - 重启播放器

时间:2017-03-03 09:13:45

标签: javascript jquery html css plyr.js

我使用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");
    });

}

1 个答案:

答案 0 :(得分:0)

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

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

https://jsfiddle.net/yunxyfbh/