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

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');
                }
            });
        });

- angela

---

这并不是一个答案，但我强烈建议不要把视频作为背景，这只是很可怕 / 不好的做法，会伤害我的眼睛。 - John U

Answer 1

如果是HTML5视频，则将其循环属性设置为"loop"，如下所示：

loop="loop"

或者像这样无需值循环：

loop

如果您需要严格使用jQuery完成此操作，请执行以下操作：

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

此外，查看这个页面可以学习有关html5视频元素的所有必要知识。

- Mike Burnwood

---

谢谢您的回复。我已经添加了上面的脚本，循环应该放在哪里？ - angela

只需在任何地方添加循环属性，使其看起来像这样： <video preload="none" poster="video/ribbs.png" autoplay="autoplay" loop="loop">另外，请确保如果我的回答有帮助到您，请接受我的答案。 - Mike Burnwood

谢谢。我不得不更改Jquery脚本底部的loop: true，因为我的HTML中没有视频标签 - 它全部在JavaScript中。感谢您的帮助。 - angela