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>

posted @ 2016-03-15 18:50  陆敏技  阅读(567)  评论(0编辑  收藏  举报
Web Counter
Coupon for Contacts