HTML5 中如何嵌入视频？

精华

Dad_WS 2016-11-21 15:32:46 浏览(9877) 回复(4) 赞(0)

如何使用HTML5嵌入视频？

标签： html5

回答(4)

李大宝儿精华 2016-11-21

和音频类似，HTML5 支持 MP4、WebM 和 Ogg 格式的视频，下面是简单示例：

<video width=”450″ height=”340″ controls>
  <source src=”W3Cschool.mp4″ type=”video/mp4″>
   Your browser does’nt support video embedding feature.
</video>

目前的 HTML5 规范草案还没有指定浏览器应该在 video 标签中支持哪种视频格式。但是最常用的视频格式是：

Ogg：带有 Thedora 视频编码器和 Vorbis 音频编码器的 Ogg 文件。
mpeg4：带有 H.264 视频编码器和 AAC 音频编码器的 MPEG4 文件。

我们可以使用带有媒体类型和其他属性的标签指定媒体文件。video 元素允许使用多个 source 元素，浏览器会使用第一个认可的格式：

<!DOCTYPE HTML>  
<html>  
<body>  
   <video  width="300" height="200" controls autoplay>  
       <source src="/html5/W3Cschool.ogg" type="video/ogg" />  
       <source src="/html5/W3Cschool.mp4" type="video/mp4" />  
       Your browser does not support the <video> element.   
   </video>  
</body>  
</html>

Video 属性规范

HTML5 video 标签可以使用多个属性控制外观和感觉以及各种控制功能：