兼容IE和chrome的pdf嵌入方式

使用PDFObject.js和jquery.media.js进行pdf嵌入,前者不支持IE,但是在chrome上体检较好。

<!DOCTYPE html> 
 <head>
 <style type="text/css">
      body{ text-align:center;padding:0px;margin:0px;} 
      .div{ margin:0 auto; width:800px; height:100%; }
 </style>
 <title>嵌入PDF浏览</title>
 <script type="text/javascript" src="pdfobject.min.js"></script>
 <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
 <script type="text/javascript" src="jquery.media.js"></script>
<script>
window.onload = function (){
     // chrome 
      var success = new PDFObject({ url: "${pdfUrl}" }).embed();
      if(!success){
           var opts = {
              width:800,
              height:$(document).height(),
              autoplay:true
         };  
          $('a.media').media(opts);
      }
  };

</script>
 </head>
<body>
<div class="div">
     <a style="display:none;" class="media" href="${pdfUrl}"></a>
</div>
 </body>
</html>

你可能感兴趣的:(兼容IE和chrome的pdf嵌入方式)