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

前端技术 2023/09/06 JavaScript

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

http://www.apple.com/qtactivex/qtplugin.cab\"
        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=\"http://www.apple.com/quicktime/download/\" > </embed>
    </object>
</div>

具体使用方法

html标记代码

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

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

http://www.longtailvideo.com/players/jw-flv-player/

SWFObject

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

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.stayed.cn/item/14734

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案