該插件可以播放多種類型的多媒體文件包括:Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight, PDF等,前提條件是客戶端瀏覽器中裝有相應的插件。
該插件主要是將<a>標簽轉化為<div>,同時生成適合不同類型多媒體文件播放的<Object>對象,起到解析翻譯的過程,從而達到多媒體播放的效果。轉化過程是在客戶端瀏覽器中實現,所以打開網頁到出現播放器之間存在時間差。
官方網址:http://malsup.com/jquery/media/
GitHub地址:https://github.com/malsup/media/tree/master
下載地址:
jquery.media.rar(解壓密碼:crowsong.xyz): http://waternote.ctfile.net/fs/2276132-372976040
首先要引入js文件
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.media.js"></script>
其次添加頁面加載完畢后需要執行的js代碼,以預覽PDF為例:
<script type="text/javascript">
$(function() {
$('.pdf1').media(width:450, height:350,autoplay: true,src=\'#\'" /upload/pdf/${pdfFile}');
});
</script>
最后添加HTML代碼:
<body>
<div class="pdf"></div>
</body>
本文章筆記版本地址:http://fromwiz.com/share/s/3cTmX51TMQ-b2QTact03UPg83pQJrk2udQRe2pbHlC11lOnr
<wiz_tmp_tag id="wiz-table-range-border" contenteditable="false" style="display: none;">