你需要一个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>
原文：http://www.cnblogs.com/luminji/p/5280682.html