Javascript 使用Plyr.io,视频结束后-重新启动播放器
我在我的网站上播放视频 我试图在视频结束时重新启动播放器(vimeo),但运气不太好。我甚至试图通过控制台记录一条消息,但这根本不起作用。有人能看出我哪里做错了吗 附于此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,
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(){…})中的代码代码>在运行代码之前?控制台中是否有任何错误?视频播放是否正确,但结束
事件没有触发?