3

私はこのページで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');
                }
            });
        });
4

1 に答える 1

6

html5 ビデオの場合は、次のように loop 属性を「loop」に設定します。

loop="loop"

または、次のように値なしでループします。

loop

jQuery で厳密に行う必要がある場合は、次のようにします。

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

また、このページをチェックして、html5 ビデオ要素について知っておくべきことをすべて学んでください。

于 2013-02-25T11:35:13.497 に答える