javascript - 使用 bigvideo.js 提供多种格式

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

如果您想使用多个替代来源：

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...
}

Answer 2

来自bigvideo.js 网站：

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