前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML5学习(七):基础标签(三)

HTML5学习(七):基础标签(三)

作者头像
孙寅
发布2020-06-02 16:45:17
3580
发布2020-06-02 16:45:17
举报
文章被收录于专栏:宜达数字宜达数字
基本标签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来表示详细信息
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 基本标签3
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档