JqueryMedia插件使用，解决在线预览及打开PDF文件

官方解释为：

先附上官方网址（2选1）：

http://jquery.malsup.com/media/ 

http://malsup.com/jquery/media/ 

查看预览：http://sources.ikeepstudying.com/jquery.media/pdf.php 

首先是引入相应的js文件：

其次添加页面加载完毕后需要执行的js代码，以预览PDF为例：

  
$(function() {  
    $('.pdf1').media(width:450, height:350,autoplay: true,src: '${ctx}/upload/pdf/${pdfFile}');  
});  

最后添加HTML代码：

以下完整功能代码及文档下载地址：http://down.51cto.com/data/2246918

附上一个完成测试案例，默认为预览效果：

  
  
  
  
  
  
  
    $(function() {  
        $('.media').media({width:800, height:600,autoplay: true,src: 'opertaion.pdf',});  
    });  
  
  
   
  
   
   打开PDF
  

然而，重点来了，这个插件的浏览器兼容性不是特别好，期望效果为适用于H5应用的浏览器版本，谷歌浏览器最佳，但对于现有大多数业务而言，足够应用的了。

更多语法请自行参考官方实例了！

• 建站热线：13518219792
• 
  微信扫一扫在线咨询
• QQ客服：
• 案 例
• 价 格