当前位置：首页 > 资讯 > 技术文档

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

时间：2021-08-30 08:21 编辑：来源：阅读：
扫一扫，手机访问

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

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生成后的结果：

[url=http://www.apple.com/qtactivex/qtplugin.cab]http://www.apple.com/qtactivex/qtplugin.cab[/url]" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"> <param name="src" value="myBetterMovie.mov"> <param name="autoplay" value="true"> <param name="param1" value="paramValue1"> <param name="param2" value="paramValue2"> <embed width="450" height="250" src="myBetterMovie.mov" autoplay="true" attr1="attrValue1" attr2="attrValue2" param1="paramValue1" param2="paramValue2" pluginspage="[url=http://www.apple.com/quicktime/download/]http://www.apple.com/quicktime/download/[/url]" > </embed> </object> </div>

[b]具体使用方法[/b] html标记代码

[url=sample.mov] <a class="media" href="sample.swf">My Flash Movie</a> <a class="media" href="sample.wma">My Audio File</a>

初始化脚本：

[u]复制代码[/u][/url] 代码如下:

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

选项可以通过脚本对象或者jQuery Metadata Plugin来配置参数。全局默认值：

[url=http://jeroenwijering.com/?item=Flash_Media_Player]http://jeroenwijering.com/?item=Flash_Media_Player[/url] flvPlayer: 'mediaplayer.swf', mp3Player: 'mediaplayer.swf', // Silverlight选项 // @see [url=http://msdn2.microsoft.com/en-us/library/bb412401.aspx]http://msdn2.microsoft.com/en-us/library/bb412401.aspx[/url] silverlight: { inplaceInstallPrompt: 'true', // 在适当的位置显示安装提示 isWindowless: 'true', // 无窗口模式 framerate: '24', // 最大帧速率 version: '0.9', // Silverlight版本 onError: null, // onError回调函数 onLoad: null, // onLoad回调函数 initParams: null, // 对象初始化参数 userContext: null // 传到load回调函数的参数 } };

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

[url=http://www.longtailvideo.com/players/jw-flv-player/]http://www.longtailvideo.com/players/jw-flv-player/[/url] SWFObject 这个脚本很常见，用来将Flash内容嵌入到网页中，你不用考虑不同平台的Flash嵌入方式。但这个文件并非必需。如果它加载了，jQuery Media Plugin将使用它，反之jQuery Media Plugin将按自己的默认方式生成object/embed标记。更多信息可以参考：[url=http://code.google.com/p/swfobject/]http://code.google.com/p/swfobject/[/url] iframe Player 默认情况下，PDF和HTML格式被映射到了iframe。它们将显示在iframe中而非object/embed标记中。添加或者修改格式关联这个操作可以由插件的mapFormat方法实现，如 $.fn.media.mapFormat('mp3','quicktime'); 可用的播放器有：uicktime, flash, realplayer, winmedia, silverlight和iframe，确保播放器能够播放关联到它的文件格式。 [b]下载[/b] 直接下载jquery.media.js文件，或者在[url=http://github.com/malsup/media/tree/master]Github上下载历史版本[/url] [b]注意：[/b] 此插件会把<a>转化为<div> 从而嵌套多媒体内容。此插件像其它的Jquery插件一样简单易用。