写在前面:很多内容都是对w3cschool教程的复述,深入学习建议w3cschool - 编程狮,随时随地学编程
一、视频viedo
这个标签的使用很简单粗暴。
<video src="movie.mp4" width="320" height="240" controls>
您的浏览器不支持Video标签。
</video>
但由于每个浏览器支持的视频格式不同,我们通常会将视频链接用<source>标签来提供,让浏览器选择自己支持的第一个视频格式进行播放。
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持Video标签。
</video>
下面是各个浏览器支持的视频格式表格:
浏览器 | MP4 | WebM | Ogg |
---|---|---|---|
Internet Explorer 9+ | YES | NO | NO |
Chrome 6+ | YES | YES | YES |