首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

JQuery Media插件运用

2012-11-23 
JQuery Media插件使用malsup jquery media plugin该插件可以播放多种类型的多媒体文件包括:Flash, Quickti

JQuery Media插件使用

malsup jquery media plugin

该插件可以播放多种类型的多媒体文件包括:Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight, PDF等。

前提条件是客户端浏览器中装有相应的插件。

该插件主要是将<a>标签转化为<div>,同时生成适合不同类型多媒体文件播放的<Object>对象,起到解析翻译的过程,从而达到多媒体播放的效果。转化过程是在客户端浏览器中实现,所以打开网页到出现播放器之间存在时间差。

?

jQuery Media Plugin的主页地址:主页地址

在他的主页demo中已经很详细的讲解了JQuery Media插件的使用

?

首先是引入相应的js文件

?添加页面加载完毕后需要执行的js代码

在IE8下生成的代码如下(以flv为例):

?

这里需要注意flv格式的文件,该类型的显示需要指定swf文件(mediaplayer.swf),若该swf文件与需要播放的flv文件不在同一个目录下(往往都不在同一目录下)或<a>标签中文件引入有路径时,需要注意flv文件的路径,jquery media转化时默认flv文件的目录是在swf目录下,所以flv路径需要处理。可能有其他办法解决,也可能通过修改js文件来解决该问题。

示例:

?

?

当客户端浏览器未安装相应的插件时,jquery media插件给出了相应的提示信息。

默认信息为:

xxx插件/播放器? Required

xxx插件/播放器 is required to view this media. Download Here.

?

可以通过修改jquery.media.js文件中该部分文字或样式来完善提示的信息。

具体位置在文件的463行附近

提示信息修改时需要注意jquery.media.js文件的文件编码需要与html页面一致,否则中文乱码

?

不知道是我这边客户端的问题还是该插件与浏览器兼容存在问题,当我未安装realplay时,在IE8下RM文件未提示该部分内容,且显示也存在问题,在FF下能够正常显示

热点排行