jQuery多媒体插件jQuery Media Plugin使用详解

realplayer插件

jQuery Media Plugin是一款基于jQuery的网页媒体播放器插件，它支持大部分的网络多媒体播放器和多媒体格式，比如：Flash, Windows Media Player, Real Player, Quicktime, MP3,Silverlight, PDF。它根据当前的脚本配置，自动将a标签替换成div，并生成object, embed甚至是iframe代码，至于生成object还是embed，jQuery Media会根据当前平台自动判别，因此兼容性方面非常出色。下面这段代码是jQuery Media生成后的结果：

复制代码 代码如下:

<div>

<object attr1="attrValue1" attr2="attrValue2"

codebase="http://www.apple.com/qtactivex/qtplugin.cab"

classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">

<param value="myBetterMovie.mov">

<param value="true">

<param value="paramValue1">

<param value="paramValue2">

<embed src="myBetterMovie.mov" autoplay="true"

attr1="attrValue1" attr2="attrValue2" param1="paramValue1" param2="paramValue2"

cd /server/srcwget http://cdn.mysql.com/downloads/mysql-5.5/mysql-5.5.33-linux2.6-x86_64.tar.gzwget http://cn2.php.net/distributions/php-5.4.19.tar.gzwget http://nginx.org/download/nginx-1.4.2.tar.gzwget ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/pcre-8.32.tar.gzwget http://www.ijg.org/files/jpegsrc.v9.tar.gzwget http://prdownloads.sourceforge.net/libpng/libpng-1.6.2.tar.gzwget http://download.savannah.gnu.org/releases/freetype/freetype-2.4.12.tar.gzwget "http://downloads.sourceforge.net/mcrypt/libmcrypt-2.5.8.tar.gz。displaylang=zh-cn&familyid=bc327d94-4f2c-481f-8595-fa5b90b11bfc" target="_blank">http.com/download/4/1/8/418981a4-6ef9-4de6-befc-1a53e886cb62/ie7-windowsxp-x86-chs:http.microsoft.aspx.com/downloads/detailsxp sp2://download.microsoft.microsoft://download://www.com/downloads/details:。html += '

</object>

</div>

具体使用方法

html标记代码

复制代码 代码如下:

<a href="sample.mov">My Quicktime Movie</a>

<a href="sample.swf">My Flash Movie</a>

<a href="sample.wma">My Audio File</a>

初始化脚本：

复制代码 代码如下:

$('.media').media();

选项

可以通过脚本对象或者jQuery Metadata Plugin来配置参数。

全局默认值：

复制代码 代码如下:

$.fn.media.defaults = {

preferMeta: 1, // 如果为true, 则标记的meta值优先于脚本对象

autoplay: 0, // 标准化的跨播放器设置

bgColor: '#ffffff', // 背景颜色

params: {}, // 作为param元素添加到object标记中；作为属性添加到embed标记中

attrs: {}, // 作为属性添加到object以及embed中

flashvars: {}, // 作为flashvars参数或属性添加到flash中

flashVersion: '7', // 需要的最低flash版本

// 默认的flash视频和mp3播放器 // @see:

flvPlayer: 'mediaplayer.swf',

mp3Player: 'mediaplayer.swf',

// Silverlight选项 // @see

silverlight: {

inplaceInstallPrompt: 'true', // 在适当的位置显示安装提示

isWindowless: 'true', // 无窗口模式

framerate: '24', // 最大帧速率

earlier versions of the meinberg ntp were distributed with openssl 0.9.8, and later versions with 1.1.0c. however, we have found that if you compile with 0.9.8k the resulting ntp executable files will not run on a system with the 1.1.0c dlls, and vice-versa. the working compromise appears to be to get version 1.0.0c openssl, as the resulting .exe files will run on systems with either openssl dlls. thanks to dave hart, i managed to locate a copy of this version, which i have placed here.。disassociatecurrentthreadfromcallbacks-一般回调返回后，回调就和执行线程解除关系了，那些waitforthreadpool…callbacks就能返回，而这个disassociate函数就是为了在回调结束前提前打上脱离关系的标记，影响包括waitforthreadpool…的函数等。lpfntimer: 指定了应用程序提供的timerproc回调函数的地址,该函数被用于处理wm_timer消息.如果这个参数为null,则wm_timer消息被放入应用程序的消息队列并由cwnd对象来处理.。

onLoad: null, // onLoad回调函数

initParams: null, // 对象初始化参数

userContext: null // 传到load回调函数的参数

}

};

我们也可以在执行初始化脚本的时候传入一些option参数进去，如下代码：

复制代码 代码如下:

cancelval: "关闭",cancel: true,width: "1100px",height: "500px",lock:true,。300){this.height=300}if(this.width>400){this.width=400}">。screen.width-333)this.width=screen.width-333" width=400 height=340 title="click to view full 200210230001_6659.jpg (400 x 340)" border=0 align=absmiddle>中文名：河鲈。

再如代码：

复制代码 代码如下:

$('.media').media({

width: 450,

height: 250,

autoplay: true,

src: 'myBetterMovie.mov',

attrs: { attr1: 'attrValue1', attr2: 'attrValue2' }, // object/embed attrs

params: { param1: 'paramValue1', param2: 'paramValue2' }, // object params/embed attrs

caption: false // supress caption text

});

'src'选项

velocimacro.permissions.allow.inline.to.replace.global -它的值可以设定为true或者false, 这个设置准许用户指定一个模板中定义的velocimacro能代替全局定义, 它在启动的时候被velocimacro.library属性加载. 默认是, false, 避免在启动时候模板中定义的velocimacros成为全局velocimacros.。设置中增加全局记录选项，默认跨服战场不在全局记录中显示。而f选项则用来控制是否要保存全局标记.如果这个选项的值为0,则不保存,如果值为1或是我们没有指明f选项,那么vim都会保存这些全局标记.如果我们要用这一特征,我们可以用下面的命令:。

播放器和格式

jQuery Media Plugin默认为播放器和格式如下表所示：

Quicktime

aif,aiff,aac,au,bmp,gsm,mov,mid, midi,mpg,mpeg,mp4,m4a,psd,qt,qtif, qif,qti,snd,tif,tiff,wav,3g2,3pg

flv, mp3, swf

Windows Media Player

asx, asf, avi, wma, wmv

Real Player

ra, ram, rm, rpm, rv, smi, smil

Silverlight

html, pdf

现在主流的视频格式是mp4，mp4视频格式的兼容性好，几乎所有的播放器都支持播放mp4格式的视频，但也有不少其它视频格式，这就需要用到迅捷视频转换器了。android手机qq影音播放器 1.3.264 版本特性：1. 新增：加密文件列表功能，轻松为您的私密文件设置访问密码2. 新增：自动记忆上一次播放的亮度设置3. 新增：软件推荐中心，推荐时下热门的精品软件4. 修复：解决在锁屏状态下，物理音量键无效的问题5. 修复：解决系统播放时，切换到后台会出错的问题android手机qq影音播放器(android)1.2.1(245) 新春特别版版本最新特性1. 主流格式播放性能提升20%以上2. 新增文件检测功能，当检测到扫描文件夹内有新增文件时，将提示列表更新3. 支持手动打开扩展sd卡上的文件4. 修复拖动进度时可能出现的花屏问题5. 修复可能出现的不能自动连续播放的问题6. 修复vorbis音频无法播放的问题手机qq影音 android版产品特色全格式视频播放全面支持rmvb、avi、flv、mp4、3gp、mkv、mov等常见格式的视频文件智能适配播放内核智能选择解码方式，提供流畅播放体验便利的操作体验支持屏幕拖动，辅助精准定位。虽然qq影音在本次测试中不是视频格式播放最完美的，但是结合到它在播放视频时的耗电量以及在资源占用上的节省情况，可以说手机qq影音是中低端配置手机中的大杀器。

SWFObject

这个脚本很常见，用来将Flash内容嵌入到网页中，你不用考虑不同平台的Flash嵌入方式。realplayer插件但这个文件并非必需。如果它加载了，jQuery Media Plugin将使用它，反之jQuery Media Plugin将按自己的默认方式生成object/embed标记。更多信息可以参考：

iframe Player

默认情况下，PDF和HTML格式被映射到了iframe。它们将显示在iframe中而非object/embed标记中。

添加或者修改格式关联

这个操作可以由插件的mapFormat方法实现，如

$.fn.media.mapFormat('mp3','quicktime');

可用的播放器有：uicktime, flash, realplayer, winmedia, silverlight和iframe，确保播放器能够播放关联到它的文件格式。

下载

直接下载jquery.media.js文件，或者在Github上下载历史版本

注意：

此插件会把<a>转化为<div> 从而嵌套多媒体内容。此插件像其它的Jquery插件一样 简单易用。

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/bofangqi/article-97150-1.html