Question

我在joomla网站上使用bigvideo.js建立了一个网站背景。视频效果很好。我唯一想知道的是如何嵌入多种文件格式。我把所有的javascript都放在外部文件中。我也想服务ogv和webm。

以下是我的javascipt的样子：

jQuery(document).ready(function(){
var BV = new jQuery.BigVideo();
BV.init();
if (Modernizr.touch) {
BV.show('/videos/bg03.jpg');
} else {
BV.show('/videos/bg03.mp4',{ambient:true, preload:true});
}
});

祝你好运杰

Answer 1

来自bigvideo.js website：

$(function() {
  var BV = new $.BigVideo({useFlashForFirefox:false});
  BV.init();
  BV.show('vids/river.mp4', {altSource:'vids/river.ogv'});
});

Answer 2

如果您想使用多个备用来源：

var BV = new $.BigVideo();
BV.init();
if (Modernizr.video) {
    if (Modernizr.video.h264) {
        BV.show('/assets/river.mp4', {ambient:true, doLoop:true});
    } else if (Modernizr.video.ogg) {
        BV.show('/assets/river.ogv', {ambient:true, doLoop:true});
    } else if (Modernizr.video.webm) {
        BV.show('/assets/river.webm', {ambient:true, doLoop:true});
    } else {
        // browser probably don't support the above video formats, do something...
    }
} else {
    // Video is not supported, do something...
}

使用bigvideo.js提供多种格式

2 个答案: