h5_preview_document
/
index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>h5预览word文档</title>
		<style>
			#iframe,#handout_wrap_inner{width: 50vw;height: 30vw;}
		</style>
	</head>
	<body>
			<!--pdf在线预览,需要调用下面js方法-->
           	<div id="handout_wrap_inner"></div>

           	<!--word文档在线预览 http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=true&_xdoc=你的文档地址-->
           	<iframe src="http://www.xdocin.com/xdoc?_func=to&amp;_format=html&amp;_cache=1&amp;_xdoc=http://www.xdocin.com/demo/demo.docx" id="iframe"></iframe>
	</body>
</html>
<script src="jquery-3.1.0.js"></script>
<script src="jquery.media.js"></script>
<script>
	$('#handout_wrap_inner').media({
//      width: '100%',
//      height: '100%',
        autoplay: true,
        src:'ceshi.pdf',
   });
</script>