课时53.video标签(掌握)
2018-06-24 02:27:38来源:未知 阅读 ()
这节课来学习一下html5中新增的标签,我们先来看一下,html5中新增了哪些标签?
打开W3school的网页,点击参考手册中的HTML/HTML5标签,有一个按字母顺序排列的标签,但凡标签后面带有5标记的,都是html5新增的标签。
而有一些标签是css才用到的,这里先不学
有一些是用不到的,如command标签,五大浏览器都不支持,所以也不用学习
这节课主要学习了一个html5中的标志性标签,video标签,为什么video标签是html5的标志性标签呢?
因为在html5以前,html只能处理两种数据,一种是文本数据,一种是图片数据
1.什么是video标签?
作用:
播放视频
格式:
<video src=""></video>
video标签的属性:
src:用于告诉video标签需要播放的视频地址
autoplay:用于告诉video标签是否需要自动播放视频
controls:用于告诉video标签是否需要显示控制条
poster:用于告诉video标签视频没有播放之前显示的占位图片
loop:一般用于做广告视频,用于告诉video标签视频播放完毕之后是否需要循环播放
<video src=""images/test.mp4 autoplay="autoplay" loop="loop"></video>
如果是广告视频,不需要controls,poster,因为就是要让用户关闭不了,不能静音,只能不停的看
preload:预加载视频,但是需要注意preload与autoplay相冲,如果设置了autoplay属性,那么preload属性就会失效(因为都已经开始播放了,就没必要预加载了)
muted:静音
width/height:和img标签中的一摸一样,两个都设置可能会导致变形,所以只推荐设置一个
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:课时67.标签选择器(掌握)
- HTML基础01 2020-06-07
- 前端学习记录 2020-06-05
- [03]HTML基础之行内标签 2020-06-01
- HTML 5的革新——语义化标签section和article的区别 2020-06-01
- [05]HTML基础之表格标签 2020-06-01
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash