视频作为背景，如何循环播放？

Question

我在这个页面上使用了 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');
                }
            });
        });

Answer 1

如果是 html5 视频，请将其循环属性设置为“循环”，如下所示：

loop="loop"

或者只是循环没有这样的值：

loop

如果您需要严格使用 jQuery 执行此操作：

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

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