随机化JavaScript视频加载器

Question

我让BigVideo.js在一些客户端站点上工作，最近有人问我是否可以加载3或4个视频，并在每次访问时随机加载它们。 我是JavaScript的初学者，但我很精通。 首先，我想到编写视频源数组，然后编写随机函数等。

问题是，如果正在使用firefox，则在if firefox条件下会显示.ogg视频源。 我真的不知道该如何在这种情况下加载数组，所以我将不胜感激

这是大视频js> http://dfcb.github.com/BigVideo.js/

这是显示视频的索引页面的代码：

<script>
$(function() {
var BV = new $.BigVideo({useFlashForFirefox:true});
BV.init();
BV.show('http://clients.kevinhowbrook.com/nw/bigvideo/vids/video1.mp4',{ambient:true},     {altSource:'http://clients.kevinhowbrook.com/nw/bigvideo/vids/video1.ogv'});
});
</script>

Answer 1

您可以创建可能出现的几个视频的数组，并从数组中随机选择一个成员：

var videos = ['http://clients.kevinhowbrook.com/nw/bigvideo/vids/video1.mp4',
              'some other video',
              'some third video'];
var index = Math.floor(Math.random() * videos.length);
BV.show(videos[index], params);

您可能还需要数组中的alt源：

var videos = [
    {source: 'http://clients.kevinhowbrook.com/nw/bigvideo/vids/video1.mp4', alt: 'http://clients.kevinhowbrook.com/nw/bigvideo/vids/video1.ogv'},
    {source: 'some other video', alt: ''},
    {source: 'some third video', alt: ''}
];
var index = Math.floor(Math.random() * videos.length);
BV.show(videos[index].source, params);

Answer 2

只是更新此...康斯坦丁的答案是正确的（如标记），但这是另一种方法

var aryFiles = ["http://localhost:8888/_websites/davesims/wp-content/themes/david/video/vids/river.mp4", "http://localhost:8888/_websites/davesims/wp-content/themes/david/video/vids/dock.mp4"];
var idx = Math.floor(aryFiles.length * Math.random());
var BV;
$(function() {
     // initialize BigVideo
    BV = new $.BigVideo();
    BV.init();
    BV.show(aryFiles[idx], {
         ambient: true
     });
 });