javascript - 使用 bigvideo.js 和 Firefox 兼容的多个视频

Question

全部，

我正在与伟大的 bigvideo.js 合作一个项目.没什么特别的:我只是在后台播放一些短片。无需导航、字幕等。这是我使用的简单代码:

var BV = new $.BigVideo();
  BV.init();
  if (Modernizr.touch) {
    BV.show ('/images/backgrounds/bg-bob-test.jpg');
    } else {
    BV.show(['/videos/bob_video_test_color.mp4', '/videos/bob_video_test_one.mp4'],{ambient:true});
    }
  });

它甚至适用于 Firefox/ogg 文件...直到我尝试按照网站的说明添加多个文件:

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

我的问题是:如何正确地将两者结合起来？换句话说，如何为每个 mp4 视频调用“altSource”以便多个视频在 Firefox 中循环播放？我试过了:

var BV = new $.BigVideo({useFlashForFirefox:false});
  BV.init();
  if (Modernizr.touch) {
    BV.show ('/images/backgrounds/bg-bob-test.jpg';
      } else {
    BV.show(['/videos/bob_video_test_one.mp4', {altSource:'/videos/bob_video_test_one.ogg'},'/videos/bob_video_test_two.mp4', {altSource:'/videos/bob_video_test_two.ogg'}],{ambient:true});
    }
});

没有用。我敢肯定，对于更了解情况的人来说，这是一个 super 简单的答案!提前谢谢了。

Answer 1

我遇到了同样的问题，通过简单地检查 Firefox 而不是使用 altSource 解决了这个问题:

$(function() {
  var BV = new $.BigVideo({useFlashForFirefox:false});
  BV.init();

  if ($.browser.msie || $.browser.opera || Modernizr.touch) {
    BV.show('video-poster.jpg');
  } else if ($.browser.mozilla) {
    BV.show('video.ogv', {ambient:true});
  } else {
    BV.show('video.mp4', {ambient:true});
  }
});