HTML3
video标签
就是用来播放视频,通过属性的设置来设定播放格式。
src: 告诉video
标签需要播放的视频地址
autoplay: 告诉video
标签是否需要自动播放视频
controls: 告诉video
标签是否需要显示控制条
poster: 告诉video
标签视频没有播放之前显示的占位图片
loop: 告诉video
标签循环播放视频. 一般用于做广告视频
preload: 告诉video
标签预加载视频, 但是需要注意preload
和autoplay
相冲, 如果设置了autoplay属性, 那么preload
属性就会失效
muted:告诉video
标签视频静音
width/height: 和img
标签中的一模一样
格式1:
<video src="">
</video>
格式2:
<video>
<source src="" type=""></source>
<source src="" type=""></source>
</video>
格式2是为了解决浏览器的适配问题,支持三中视频格式,我们可以把这三种格式都通过source标签指定给video标签,那么以后就当浏览器需要播放视频的时候就会选择自己支持的格式来播放。
audio标签
就是用来播放音频,使用与基本video
标签的使用一样,video
能用的audio
大部分也可以用,功能都一样,只有三个不能用,height/width/poster。
格式:
<audio src="">
</audio>
<audio>
<source src="" type="">
</audio>
详情概要标签
就是用summary
标签来描述概要信息,用details
来描述详情信息,默认情况下是折叠显示,想看见详情的必须点击。
格式:
<details>
<summary>概要信息</summary>
详情信息
</details>
指导:极客江南