传智黑马39期WEB前端教程-HTML5-HTML5 新增标签和属性-播放视频video

播放视频video

HTML5通过<video>标签来解决音频播放的问题。

同音频播放一样，<video>使用也相当简单

<video src="mp4.mp4" autoplay controls width="500" height="800"></video>

同样，通过附加属性可以更友好的控制视频的播放

autoplay 自动播放

controls 是否显示默认播放控件

loop 循环播放

width 设置播放窗口宽度

height 设置播放窗口的高度

由于版权等原因，不同的浏览器可支持播放的格式是不一样的

**多浏览器支持的方案

<!-- 我们的视频支持 ogg mp4 webM 三种视频格式 -->
<video controls autoplay>
    <source src="mp4.mp4" />
    <source src="movie04.ogg" />
    您的浏览器不支持视频播放 
</video>