jquery.media.js 是一款能够嵌入各种媒体(音频、视频、Flash)的插件。这个插件能够自动检测浏览器和媒体格式,选择最优的方式来播放媒体。
// 调用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 能够极大地简化媒体嵌入的过程,并能够兼容大部分主流浏览器。如果想支持不支持 HTML5 的旧浏览器,可以使用 Flash 视频和音频。总之,jquery.media.js 是一个非常方便的插件,让媒体嵌入变得简单和高效。