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视频元素的所有信息。

视频作为背景，如何将其置于循环中？

1 个答案: