jquery.media.js 是一款能夠嵌入各種媒體(音頻、視頻、Flash)的插件。這個(gè)插件能夠自動(dòng)檢測(cè)瀏覽器和媒體格式,選擇最優(yōu)的方式來播放媒體。
// 調(diào)用jquery.media.js 需要先引入jquery.js, media.js // 嵌入支持 HTML5 的視頻 $('body').media({ type: 'video', width: '640', height: '360', source: [ {src: 'video.mp4', type: 'video/mp4'}, {src: 'video.ogv', type: 'video/ogg'} ] }); // 嵌入 Flash 視頻 $('body').media({ type: 'video', width: '640', height: '360', swfPath: 'video.swf', source: [ {src: 'video.flv', type: 'video/x-flv'}, {src: 'video.mp4', type: 'video/mp4'}, {src: 'video.ogv', type: 'video/ogg'} ] }); // 嵌入 HTML5 音頻 $('body').media({ type: 'audio', source: [ {src: 'audio.mp3', type: 'audio/mpeg'}, {src: 'audio.ogg', type: 'audio/ogg'} ] }); // 嵌入 Flash 音頻 $('body').media({ type: 'audio', swfPath: 'audio.swf', source: [ {src: 'audio.mp3', type: 'audio/mpeg'}, {src: 'audio.ogg', type: 'audio/ogg'} ] });
使用 jquery.media.js 能夠極大地簡(jiǎn)化媒體嵌入的過程,并能夠兼容大部分主流瀏覽器。如果想支持不支持 HTML5 的舊瀏覽器,可以使用 Flash 視頻和音頻??傊?,jquery.media.js 是一個(gè)非常方便的插件,讓媒體嵌入變得簡(jiǎn)單和高效。