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

Javascript 使用Plyr.io,视频结束后-重新启动播放器,javascript,jquery,html,css,plyr.js,Javascript,Jquery,Html,Css,Plyr.js,我在我的网站上播放视频 我试图在视频结束时重新启动播放器(vimeo),但运气不太好。我甚至试图通过控制台记录一条消息,但这根本不起作用。有人能看出我哪里做错了吗 附于此 if ($('.main-hero__youtube__video').length) { console.log("Video player init"); // Define the controls var plyr_options = { autoplay: true,

我在我的网站上播放视频

我试图在视频结束时重新启动播放器(vimeo),但运气不太好。我甚至试图通过控制台记录一条消息,但这根本不起作用。有人能看出我哪里做错了吗

附于此

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

}

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

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

您的小提琴在
暂停时触发事件,这很好。实际上,使用
end
事件(正如您在编辑的问题中所做的那样)会在视频结束时显示日志消息。谢谢@justastudent。我刚看到它在我的小提琴里起作用。我在drupal站点中使用它,由于某种原因,它没有发挥作用,这就是为什么我从未检查它是否在JSFIDLE中工作。回到绘图板,看看为什么它不能与Drupal一起工作。嗨@GFoley83,我刚刚看到它在我的小提琴中工作(至少是控制台日志)。我在drupal站点中使用它,由于某种原因,它没有发挥作用,这就是为什么我从未检查它是否在JSFIDLE中工作。回到绘图板,看看为什么它不能与Drupal一起工作。谢谢。@FrazerFindlater我需要更多信息才能提供帮助。JSFIDLE中的代码是完整代码吗?如果没有请更新它,否则你能链接到实际页面吗?另外,我可以看到您正在使用jQuery,您确定jQuery已经加载,并且您正在等待DOM就绪事件,例如,
$(function(){…})中的代码在运行代码之前?控制台中是否有任何错误?视频播放是否正确,但
结束
事件没有触发?