你需要一個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>
<head></head>
<body>
<video width="320" height="240" controls="controls">
<source src="001.mp4" type="video/mp4">
</video>
</body>
</html>
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIn5GcuQmMyUjNmJWYlRmMhdTNhBjMmRDN0IzYmJmMhFGZ5IjMfdWbp9CXt92Yu4GZjlGbh5SZslmZxl3Lc9CX6MHc0RHaiojIsJye.png)
本文基于
Creative Commons Attribution 2.5 China Mainland License釋出,歡迎轉載,演繹或用于商業目的,但是必須保留本文的署名
http://www.cnblogs.com/luminji(包含連結)。如您有任何疑問或者授權方面的協商,請給我留言。