·您当前的位置:首页 > 技术教程 > Html5技术 >

[HTML5]HTML5视频标签支持的三种视频格式

时间:2017-10-16 14:55酷播
[HTML5]HTML5视频标签支持的三种视频格式, Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件, MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件, WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

视频格式

当前,video 元素支持三种视频格式:

  • Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
  • MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
  • WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

 

  1. <video controls> 
  2.   <source src="../video/2.ogg" type="video/ogg"> 
  3.   <source src="../video/2.mp4" type="video/mp4"> 
  4.   <p>你的浏览器不支持video标签</p> 
  5. </video> 

 浏览器会先加载 2.ogg, 如果不支持ogg格式或视频不存在,则会加载2.MP4,以此类推。

<source> 标签里,需要通过 src 来指定文件,通过 type 属性来指定文件格式。

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器