用bigvideo.js服務多種格式

我在joomla網站上使用bigvideo.js設置網站背景。視頻效果很好。我唯一無法弄清楚的是如何嵌入多種文件格式。我把所有的JavaScript放在一個外部文件中。我想爲ogv和webm服務。用bigvideo.js服務多種格式

這裏是我的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}); 
} 
});

問候周杰倫

來源

2013-07-09 user2566335

你的意思是如果瀏覽器不支持視頻1的格式，你是否想要使用視頻2？ – Lodder

或者你是否希望有像HTML5視頻標籤之類的東西？添加多個來源以獲得更好的支持http://www.w3schools.com/html/html5_video.asp –

嗨Lodder，感謝您的回放。我想爲多種格式提供更好的瀏覽器兼容性。所以場景＃1。 – user2566335

從bigvideo.js website：

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

來源

2013-07-10 11:45:55 misterben

謝謝。得到它了！我仍然與IE和Opera鬥爭。這兩個最漂亮的瀏覽器曾經存在:)他們不會採取替代視頻莫名其妙.. – user2566335

如果你想使用一個以上的備用來源：

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

來源

2014-02-14 14:36:35

用bigvideo.js服務多種格式

回答

相關問題