视频作为背景,如何把它放在循环?

问题描述:

我使用此页面上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'); 
       } 
      }); 
     }); 
+0

这不是一个答案,但我会强烈地投票不要把视频作为背景,这只是可怕的/不好的做法,伤害了我的眼睛。 – 2013-02-25 11:34:29

如果它是一个HTML5视频,设置它的循环属性为“循环”是这样的:

loop="loop" 

或只是循环没有价值这样的:

loop 

如果您需要这样做严格与jQuery做到这一点:

$('video').attr('loop','loop'); 

另外,请查看this page以了解您需要了解的关于html5视频元素的所有信息。

+0

感谢您的回复。我已经添加了上面的脚本,我在哪里放置循环? – angela 2013-02-25 12:08:26

+0

只需在任意位置添加循环属性,看起来像这样: '

+0

谢谢。我不得不改变Jquery脚本循环的底部:true,因为在我的html中没有视频标签 - 它全部在javascript中。谢谢你的帮助。 – angela 2013-02-25 16:10:20