jquery.media.js的使用方法

來源:互聯網
上載者:User

標籤:頁面   html   方法   function   包括   dff   asc   執行   不同   

該外掛程式可以播放多種類型的多媒體檔案包括:Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight, PDF等,前提條件是用戶端瀏覽器中裝有相應的外掛程式。該外掛程式主要是將<a>標籤轉化為<div>,同時產生適合不同類型多媒體檔案播放的<Object>對象,起到解析翻譯的過程,從而達到多媒體播放的效果。轉化過程是在用戶端瀏覽器中實現,所以開啟網頁到出現播放器之間存在時間差。
首先要引入js檔案
 
  1. <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
  2. <script type="text/javascript" src="jquery.media.js"></script>
其次添加頁面載入完畢後需要執行的js代碼,以預覽PDF為例:
 
  1. <script type="text/javascript">
  2. $(function() {
  3. $(‘.pdf1‘).media(width:450, height:350,autoplay: true,src=\‘#\‘" /upload/pdf/${pdfFile}‘);
  4. });
  5. </script>
最後添加HTML代碼:
 
  1. <body>
  2. <div class="pdf"></div>
  3. </body>


代碼高亮版本:http://fromwiz.com/share/s/3cTmX51TMQ-b2QTact03UPg83pQJrk2udQRe2pbHlC11lOnr 附件列表

     

    jquery.media.js的使用方法

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.