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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容