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应用的浏览器版本，谷歌浏览器最佳，但对于现有大多数业务而言，足够应用的了。

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

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享至：

   

关于我们

公司简介 发展历程

服务项目

高端网站建设 小程序开发 APP开发 网络营销

建站知识

行业新闻 建站学堂 常见问题

联系我们

公司地址 人才招聘

成都



电话：028-86922220



地址：成都市太升南路288号锦天国际A幢1002号

版权所有：成都新网创想广告设计中心（普通合伙） 蜀ICP备11025516号-13