HTML5学习（七）：基础标签(三)

基本标签3

• video标签
• 作用：播放视频
• 格式：

.webm:是网页专用视频,
autoplay="autoplay" 表示自动播放发
controls="controls"表示有控制条
<video src="videoes/leichao.webm" autoplay="autoplay" controls="controls"></video>
poster:在不自动播放的情况下，我们可以通过这个属性给视频添加一张效果图
<video src="videoes/leichao.webm"  controls="controls" poster="images/leichao.jpg"></video>
loop：循环播放
<video src="videoes/leichao.webm"  autoplay="autoplay" loop="loop"></video>
preload：预加载视频，不能与autoplay一起使用，相冲
width：宽度
height:高度
muted:静音

• 第二种格式

<video>
<source src="videoes/leichao.webm" type="video/webm"></source>
<source src="videoes/leichao.MP4" type="video/mp4"></source>
<source src="videoes/leichao.ogg" type="video/ogg"></source>
</video>

• audio标签
• 作用：
• 格式：

<audio src="audioes/leichao.mp3">
</audio>

第二种格式

<audio>
 <source src="audioes/leichao.mp3" type="audio/mp3">
<source src="audioes/leichao.ogg" type="audio/ogg">
<source src="audioes/leichao.wav" type="audio/wav">
</audio>

• 详情与概要标签 details/summary标签
• 作用： 用summary描述概要信息， details来表示详细信息
• 格式：

<details>
<summary>雷潮</summary>
追寻梦想，成就自己。虚拟现实群:134688909(此群已满) 二群494141729（正在火爆收人）,如果转载文章：请注明出处，否则追究责任！Ps:有出版社编辑，请联系本人，有一本VR高级开发相关的书籍需要出版。
</details>

image.png