3、媒体标签
(1)video:视频
(2)audio:音频
(3)embed:嵌入内容(包括各种媒体),Midi、Wav、AU、MP3、Flash、AIFF等。
<video autoplay="autoplay" loop = "loop" >
<source src="video/donghua.mp4" type="video/mp4"> </source>
<source src="video/donghua.mp4" type="video/ogg"> </source>
<source src="video/donghua.mp4" type="video/webm"> </source>
</video>
autoplay = "autoplay" // 自动播放 (不重复)
loop = "loop" // 循环播放 (重复)
poster = "图片路径" // 视频 未播放是 展示的图片
video.paused 检测图片是否为播放状态 是的话 返回false 不是的话 返回true;
播放: video.play();
暂停: video.pause();
视频案例:
1. 先写一个video > source 标签
![](https://i-blog.csdnimg.cn/blog_migrate/2b11c7b6c49f32fcd6b5d171049bf57f.jpeg)
2 . 写 原生js 获取video 并检测是否为播放状态 方法为 id.paused 暂停状态下 返回 true;
![](https://i-blog.csdnimg.cn/blog_migrate/4f6b275878caf35156df3bda84677f22.jpeg)
3. 点击大小中 按钮 调整画布大小;
![](https://i-blog.csdnimg.cn/blog_migrate/8ec85069c827ada1eeb2296e1842baca.jpeg)
over