pdf在网站中正常播放

最新推荐文章于 2024-06-27 10:27:51 发布

小月人几

最新推荐文章于 2024-06-27 10:27:51 发布

阅读量620

点赞数 1

分类专栏： HTMl+CSS 文章标签： pdf 兼容IE8 IE8 IE7 静态

本文链接：https://blog.csdn.net/twoto3_/article/details/52807441

版权

HTMl+CSS 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1、

直接使用object标签

<figure class="detail_box">
            <object width="100%" height="800" data="zy.pdf" type="application/pdf">
              <param name="pdf" value="zy.pdf">
            </object>
  </figure>

以上data处填写所展示pdf的路径

测试只兼容至IE9

2、

使用jquery插件：jquery.media.js

兼容性：向下兼容至IE8、7，已测试

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">

<script type="text/javascript" src="http://sources.ikeepstudying.com/js/jquery-1.8.3.min.js"></script> 
<script type="text/javascript" src="jquery.media.js"></script> 
<script type="text/javascript"> 
   $(function() {
        $('a.media').media({width:800, height:600});
    });
</script> 


</head>
<body>
    <a class="media" href="00.pdf" >PDF File</a> 
</body>
</html>

3、使用FlexPaper插件，兼容至IE8，但不支持手机