jquery - 如何让我的视频自动重启？

Question

我需要在我的脚本中再添加一个功能，以使我的视频在完成后自动开始。这是脚本。我可能知道我必须将currentTime属性设置回 0。如何在我的脚本中配置它？还有其他方法可以实现吗？我正在使用这个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>

Answer 1

环形：

视频循环属性布尔值。默认为假。

所以尝试：

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

Answer 2

如果您查看它声明的插件参数

loop : 视频循环属性布尔值。默认为假。

将其设置为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');
                }
            });