你需要一个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>
本文基于
Creative Commons Attribution 2.5 China Mainland License发布,欢迎转载,演绎或用于商业目的,但是必须保留本文的署名
http://www.cnblogs.com/luminji(包含链接)。如您有任何疑问或者授权方面的协商,请给我留言。