jquery media 插件中的大坑

Jquery media是一款跨浏览器的视频播放插件,支持 
 Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight等格式。 
 

它对应于不同的格式去加载对应的播放器,映射如下

播放器

文件格式

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

Flash

flv, mp3, swf

Windows Media Player

asx, asf, avi, wma, wmv

Real Player

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

Silverlight

xaml

iframe

html, pdf

这个插件很好的解决了在不同浏览器下播放视频的问题。

不过它有一个大坑,在jquery.metadata.js这个文件中,它居然重写了$.fn.data()方法:

$.fn.data = function(){ return this[0][$.meta.single || "data"];};

这个方法令Jquery原有的data方法失效了,如果在项目中其他地方使用到了Jquery本身自带的data方法的话,那么会报找不到某个属性的错误。

我的解决方法是在jquery.metadata.js这个文件中将这个方法重命名:

$.fn.dataSec = function(){ return this[0][$.meta.single || "data"];};

然后全文检索media插件中其他地方引用到了这个data方法的地方,改为dataSec即可。


你可能感兴趣的:(jquery,视频,浏览器,插件,web前端开发)