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即可。