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生成后的結果:
具體使用方法
html標記代碼
初始化腳本:
選項
可以通過腳本對象或者jQuery Metadata Plugin來配置參數。
全局默認值:
我們也可以在執行初始化腳本的時候傳入一些option參數進去,如下代碼:
再如代碼:
'src'選項
src選項指定了媒體文件的地址。它沒有全局的默認值。如果未顯示指定src選項的值,jQuery Media Plugin將使用href或者src屬性的值來代替。
播放器和格式
jQuery Media Plugin默認為播放器和格式如下表所示:
播放器 | 文件格式 |
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 |
上表說明了,mp3格式被自動對應到了flash播放器。全局配置中的$.fn.media.defaults.mp3Player指定MP3媒體由 mediaplayer.swf文件播放。該swf文件是一個小型的mp3和flash視頻播放器,可以從這里下載: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插件一樣 簡單易用。
新聞熱點
疑難解答