html嵌套MP4、PDF的简单方案
你需要一个jquery.media插件,http://malsup.com/jquery/media/
然后:
<html>
<head>
<script src="jquery.js"></script>
<script src="jquery.metadata.js"></script>
<script src="jquery.media.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function () {
$('.media').media({
width: 730,//展示宽度
height: 882//展示高度
});
});
</script>
111
<a href="001.mp4" class="media">Watch my movie!</a>
222
</body>
</html>
更多使用参考官方文档。
视频的话,如果不在乎是否支持html5特性的,直接用HTML5方案,如下:
<!DOCTYPE HTML>
<html>
<head></head>
<body>
<video width="320" height="240" controls="controls">
<source src="001.mp4" type="video/mp4">
</video>
</body>
</html>