淘先锋技术网

首页 1 2 3 4 5 6 7

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 是一个非常方便的插件,让媒体嵌入变得简单和高效。