Question

我们已在网站上使用以下代码实现此目的：

$(function() {

    // initialize BigVideo
    var BV = new $.BigVideo({useFlashForFirefox:false});
    BV.init();
    BV.show(
        'resources/video/bg_grass.mp4',
        {altSource:'resources/video/bg_grass.ogg'});
});

问题是视频没有循环 - 它只是在结束时停止。

有什么想法吗？

Answer 1

如果添加环境参数并将值设置为true，则视频会循环播放。它虽然没有发出声音。

// initialize BigVideo
   BV = new $.BigVideo({useFlashForFirefox:false});
   BV.init();
   BV.show('resources/video/bg_grass.mp4',
   {altSource:'resources/video/bg_grass.ogg',ambient:true});
})

Answer 2

以防其他人遇到此问题，我想添加不同的解决方案。

虽然上面的一个是正确的，但它会夺走声音和控件。

如果您要添加ambient:true，而不是doLoop:true，视频将会循环播放，您将保留声音和控件。

请参阅下面的完整代码;

$(function() {
   // initialize BigVideo
   var BV = new $.BigVideo({useFlashForFirefox:false});
   BV.init();
   BV.show('resources/video/bg_grass.mp4',
   {altSource:'resources/video/bg_grass.ogg',doLoop:true});
});

Answer 3

正如freakstyler所提到的，传递doLoop选项是正确的方法。但是，我认为您必须将选项传递给$.BigVideo()，如下所示：

        var opts = {
            controls: false,
            doLoop: true
        }
        BV = new $.BigVideo(opts);
        BV.init();
        BV.show('vid/cycling2.mp4',{ambient: false});

Answer 4

此外，如果要包含三种视频类型以实现最大的浏览器兼容性，请执行以下操作：

   $(function() {
    var BV = new $.BigVideo({doLoop:true});
    BV.init();

    if (Modernizr.touch) {
        BV.show('img/fallleaves.jpg');
        } else {
            BV.show([ 
            { type: "video/mp4",  src: "vid/fallleaves.mp4" },
            { type: "video/webm", src: "vid/fallleaves.webm"},
            { type: "video/ogg",  src: "vid/fallleaves.ogg"}
            ]);
        }

}）;

bigvideo.js循环问题

4 个答案: