0

ビデオが終了したときに自動的に開始するように、スクリプトにもう1つの関数を追加する必要があります。これはスクリプトです。プロパティを0に戻す必要があることはおそらく知ってcurrentTimeいます。スクリプトでプロパティを構成するにはどうすればよいですか?それを達成する他の方法はありますか?私はこのjQueryプラグインを使用しています

            <script>
            $(document).ready(function() {
                $('dl').toggle();
                $('h2').bind('click', function(event) {
                    event.preventDefault();
                    $(this).next('dl').slideToggle(500, function() {
                        $('.video-background').videobackground('resize');
                    });
                });
                $('.main').prepend('<div class="video-background"></div>');
                $('.video-background').videobackground({
                    videoSource: [['video/TimeLapse_Barcelona.mp4', 'video/mp4'],
                        ['video/TimeLapse_Barcelona.webm', 'video/webm'], 
                        ['video/TimeLapse_Barcelona.theora.ogv', 'video/ogg']], 
                    controlPosition: '#main',
                    poster: 'video/big-buck-bunny.jpg',
                    loadedCallback: function() {
                        $(this).videobackground('mute');
                    }
                });
            });
        </script>
4

2 に答える 2

1

ループ:
ビデオループ属性ブール値。デフォルトはfalseです。

だから試してみてください:

$('.video-background').videobackground({loop:true});
于 2012-09-19T14:50:51.023 に答える
0

プラグインのパラメータを見ると、

loop:ビデオループ属性ブール値。デフォルトはfalseです。

これをに設定するとtrue、ビデオループが作成されます。


$('.video-background').videobackground({
                videoSource: [['video/TimeLapse_Barcelona.mp4', 'video/mp4'],
                    ['video/TimeLapse_Barcelona.webm', 'video/webm'], 
                    ['video/TimeLapse_Barcelona.theora.ogv', 'video/ogg']], 
                controlPosition: '#main',
                loop: true, // ADDED THIS LINE !
                poster: 'video/big-buck-bunny.jpg',
                loadedCallback: function() {
                    $(this).videobackground('mute');
                }
            });
于 2012-09-19T14:49:46.747 に答える