1

我们已经在一个网站上实现了这一点，使用以下代码：

$(function() {

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

问题是视频没有循环播放 - 它只是在最后停止。

有任何想法吗？

4

4 回答 4

6

如果添加环境参数并将值设置为 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});
})
于 2012-11-07T18:36:52.773 回答
6

万一其他人遇到这个问题，我想添加不同的解决方案。

虽然上面的一个是正确的，但它带走了声音和控制。

如果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});
});
于 2013-10-01T10:14:13.887 回答
2

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

        var opts = {
            controls: false,
            doLoop: true
        }
        BV = new $.BigVideo(opts);
        BV.init();
        BV.show('vid/cycling2.mp4',{ambient: false});
于 2013-10-16T15:36:13.603 回答
0

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

   $(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"}
            ]);
        }

});

于 2015-11-02T18:21:18.600 回答