PC端PDF预览

项目需求

PC端PDF预览

一、引入文件

<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.media.js"></script>

二、html部分

<!--控制退出PDF预览的按钮-->
<button ng-click="hidePDF()" ng-show="hideBtnStatus == 1">退出</button>
<!--PDF显示区域-->
<div id="handout_wrap_inner" style="width:100px;position:absolute;left:0;"></div>

三、js部分

$("#handout_wrap_inner").media({
    width: '100%',
    height: '900px',
    autoplay: true,
    src:pdfPath			//PDF的url
});