Question

我需要在我的脚本中添加一个函数，以便在视频完成后自动启动视频。这是脚本。我可能知道我必须将currentTime属性设置回0.我如何在脚本中配置它？还有其他方法可以实现吗？我正在使用此jQuery Plugin

            <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>

Answer 1

循环：: 视频循环属性布尔值。默认值为false。

所以试试：

$('.video-background').videobackground({loop:true});

Answer 2

如果查看插件参数，请说明

循环：视频循环属性布尔值。默认为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');
                }
            });

如何自动重启视频？

2 个答案: