HTML 视频（Video）

在 HTML 中播放视频的方法有很多种。

 

---

Video元素

HTML5 <video> 标签定义了一个视频或者影片.

<video> 元素在所有现代浏览器中都支持。

以下 HTML 片段会显示一段嵌入网页的 ogg、mp4 或 webm 格式的视频：

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
您的浏览器不支持 video 标签。
</video>

问题:

• 您必须把视频转换为很多不同的格式。
• <video> 元素在老式浏览器中无效。

 

---

浏览器兼容解决方法

以下实例中使用了 4 种不同的视频格式。HTML 5 <video> 元素会尝试播放以 mp4、ogg 或 webm 格式中的一种来播放视频。如果均失败，则回退到 <embed> 元素, swf格式已被现代浏览器淘汰，意义并不是太大。

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
  <object data="movie.mp4" width="320" height="240">
  <embed src="movie.swf" width="320" height="240">
  </object>
</video>

问题:

• 您必须把视频转换为很多不同的格式