视频作为背景,如何把它放在循环?
问题描述:
我使用此页面上georgepaterson/jQuery的videobackground:视频作为背景,如何把它放在循环?
http://kimcolemanprojects.com/index.html
我希望视频循环,但不知道如何内JQuery的做到这一点?
$(document).ready(function() {
$('dl').toggle();
$('h2').bind('click', function(event) {
event.preventDefault();
$(this).next('dl').slideToggle(500, function() {
$('.video-background').videobackground('resize');
});
});
$('body').prepend('<div class="video-background"></div>');
$('.video-background').videobackground({
videoSource: [['video/ribbons_450x360.mp4', 'video/mp4'],
['video/ribbons_450x360.webmhd.webm', 'video/webm'],
['video/ribbons_450x360.oggtheora.ogv', 'video/ogg']],
controlPosition: '#main',
poster: 'video/ribbs.png',
loadedCallback: function() {
$(this).videobackground('mute');
}
});
});
答
如果它是一个HTML5视频,设置它的循环属性为“循环”是这样的:
loop="loop"
或只是循环没有价值这样的:
loop
如果您需要这样做严格与jQuery做到这一点:
$('video').attr('loop','loop');
另外,请查看this page以了解您需要了解的关于html5视频元素的所有信息。
这不是一个答案,但我会强烈地投票不要把视频作为背景,这只是可怕的/不好的做法,伤害了我的眼睛。 – 2013-02-25 11:34:29