By

文章目录
  1. 1. vedio标签
  2. 2. 兼容地板本浏览器

vedio标签

在html5中加入了许多新的标签，video就是其中的一个。这个标签使我们可以像插入图片一样的插入视频。下面是一个插入视频的简单代码：

1
2
3
<video src="movie.mp4" controls="controls">
	您的浏览器不支持 video 标签。
</video>

虽然主流浏览器都已经支持了video标签，但是很多情况为了兼容低版本的浏览器还是很麻烦。

兼容地板本浏览器

etianen开发了一个兼容video标签的js插件。插件地址：https://github.com/etianen/html5media。
使用该插件很简单，只需要在head中插入下面的代码就可以使用video标签了。

1
<script src="http://api.html5media.info/1.1.8/html5media.min.js"></script>

我们可以像下面这样插入一个视频：

1
<video src="video.mp4" width="320" height="200" controls preload></video>

该插件也支持audio标签：

1
<audio src="audio.mp3" controls preload></audio>

文章目录
  1. 1. vedio标签
  2. 2. 兼容地板本浏览器