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

基本标签3

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

代码语言：javascript复制

.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:静音

• 第二种格式

代码语言：javascript复制

<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标签
• 作用：
• 格式：

代码语言：javascript复制

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

第二种格式

代码语言：javascript复制

<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来表示详细信息

audio summary video 视频

0 人点赞