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

他の誰かがこの問題に遭遇した場合に備えて、別の解決策を追加したいと思います。

上記のものは正しいですが、サウンドとコントロールが取り除かれます。

の代わりに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 に答える
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 に答える
0

また、ブラウザーの互換性を最大限に高めるために 3 つのビデオ タイプを含めたい場合は、次のようにします。

   $(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 に答える