在过去,我们如果想在Web上播放视频,也是都是通过Flash来播放,同样并不是所有的浏览器都安装了Flash播放器插件,而现在我们在HTML5中,就能完全脱离Flash或其他的插件来播放视频了
?
1、视频格式的简单介绍
视频格式:avi、rmb、wmv、mpeg4、ogg、webm
视频主要有三部分组成:视频、音频、编码格式
HTML5支持的格式:
Ogg= 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4= 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 WebM?= 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件 |
?
2、HTML5视频标签<video>属性
?
?
?
<video src="movie.mp4" controls="controls"> </video>
?
<video src="movie.mp4" controls="controls"> 浏览器不支持HTML5的视频播放功能 </video>
?
<video width="300" controls="controls" …> <source src="movie.ogg" type="video/ogg"> <source src="movie.mp4" type="video/mp4"> </video>
?
?
3、HTML5视频API控件