Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何使视频自动重新启动?_Jquery_Html_Video - Fatal编程技术网

Jquery 如何使视频自动重新启动?

Jquery 如何使视频自动重新启动?,jquery,html,video,Jquery,Html,Video,我需要在我的脚本中增加一个函数,使我的视频在完成后自动启动。这是剧本。我知道可能必须将currentTime属性设置回0。如何在脚本中配置它?还有其他方法可以做到这一点吗?我在用这个 $(文档).ready(函数(){ $('dl').toggle(); $('h2').bind('click',函数(事件){ event.preventDefault(); $(this).next('dl').slideToggle(500,function(){ $('.video background'

我需要在我的脚本中增加一个函数,使我的视频在完成后自动启动。这是剧本。我知道可能必须将
currentTime
属性设置回0。如何在脚本中配置它?还有其他方法可以做到这一点吗?我在用这个


$(文档).ready(函数(){
$('dl').toggle();
$('h2').bind('click',函数(事件){
event.preventDefault();
$(this).next('dl').slideToggle(500,function(){
$('.video background').videobackground('resize');
});
});
$('.main')。前缀('');
$(“.video background”).videobackground({
视频来源:[[video/TimeLapse_Barcelona.mp4','video/mp4'],
['video/TimeLapse_Barcelona.webm','video/webm'],
['video/TimeLapse_Barcelona.theora.ogv','video/ogg']],
控制位置:“#主”,
海报:'video/big buck bunny.jpg',
loadedCallback:函数(){
$(this.videobackground('mute');
}
});
});

如果您查看它声明的插件参数

循环:视频循环属性布尔值。默认值为false

将其设置为
true
,将使视频循环


循环:视频循环属性布尔值。默认值为false。

因此,请尝试:

$('.video-background').videobackground({loop:true});

不确定你是否愿意使用youtube,不过它内置了这个功能。我如何设置它?你能给我举个例子吗?非常感谢医生!
$('.video-background').videobackground({
                videoSource: [['video/TimeLapse_Barcelona.mp4', 'video/mp4'],
                    ['video/TimeLapse_Barcelona.webm', 'video/webm'], 
                    ['video/TimeLapse_Barcelona.theora.ogv', 'video/ogg']], 
                controlPosition: '#main',
                loop: true, // ADDED THIS LINE !
                poster: 'video/big-buck-bunny.jpg',
                loadedCallback: function() {
                    $(this).videobackground('mute');
                }
            });
$('.video-background').videobackground({loop:true});