资讯专栏INFORMATION COLUMN

课时53.video标签(掌握)

frontoldman / 1448人阅读

摘要:这节课来学习一下中新增的标签,我们先来看一下,中新增了哪些标签打开的网页,点击参考手册中的标签,有一个按字母顺序排列的标签,但凡标签后面带有标记的,都是新增的标签。

这节课来学习一下html5中新增的标签,我们先来看一下,html5中新增了哪些标签?

打开W3school的网页,点击参考手册中的HTML/HTML5标签,有一个按字母顺序排列的标签,但凡标签后面带有5标记的,都是html5新增的标签。

而有一些标签是css才用到的,这里先不学

有一些是用不到的,如command标签,五大浏览器都不支持,所以也不用学习

这节课主要学习了一个html5中的标志性标签,video标签,为什么video标签是html5的标志性标签呢?

因为在html5以前,html只能处理两种数据,一种是文本数据,一种是图片数据

1.什么是video标签?

作用:

播放视频

格式:

video标签的属性:

src:用于告诉video标签需要播放的视频地址

autoplay:用于告诉video标签是否需要自动播放视频

controls:用于告诉video标签是否需要显示控制条

poster:用于告诉video标签视频没有播放之前显示的占位图片

loop:一般用于做广告视频,用于告诉video标签视频播放完毕之后是否需要循环播放

如果是广告视频,不需要controls,poster,因为就是要让用户关闭不了,不能静音,只能不停的看

preload:预加载视频,但是需要注意preload与autoplay相冲,如果设置了autoplay属性,那么preload属性就会失效(因为都已经开始播放了,就没必要预加载了)

muted:静音

width/height:和img标签中的一摸一样,两个都设置可能会导致变形,所以只推荐设置一个

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2140.html

相关文章

  • 课时53.video标签第二种格式(掌握

    摘要:由于视频数据非常非常的重要,所以五大浏览器厂商都不愿意支持别人都视频格式,所以导致了没有一种视频格式是所有浏览器都支持的,这个时候为了解决这个问题,所以推出了第二种标签的格式如何查看浏览器支持什么格式的视频视频我们从水平方 由于视频数据非常非常的重要,所以五大浏览器厂商都不愿意支持别人都视频格式,所以导致了没有一种视频格式是所有浏览器都支持的,这个时候W3C为了解决这个问题,所以推出了第二种...

    tain335 评论0 收藏0
  • 课时57.HTML被废弃的标签掌握

    摘要:为什么中有一部分标签会被废弃因为当前中的标签只有一个作用,就是用来添加语义,而早期的标签中有一部分标签是没有语义的有一部分标签是用来修改样式的所以这部分标签就被淘汰了没有任何的语义,都是用来修改样式的以后在企业开发中,不到万不得已一定不要使1.为什么HTML中有一部分标签会被废弃? 因为当前HTML中的标签只有一个作用,就是用来添加语义,而早期的HTML标签中有一部分标签是没有语义的   有...

    TIGERB 评论0 收藏0
  • 课时18.h标签和p标签以及hr标签掌握

    摘要:如何在中利用快捷键创建一个新的的文件同时按下键盘上的同时按下键盘上的标签系列作用用于给文本添加标题语义格式注意点标签是用来给文本添加标签题语义的,而不是用来修改文本的样式的标签一共有个,从,最多只能到,超过则无效可以利用每一个标签都独占一行 如何在webstorm中利用快捷键创建一个新的html的文件? 同时按下键盘上的ctrl+alt+insert(windows) 同时按下键盘上的ct...

    Allen 评论0 收藏0
  • 课时11.HTML基本机构详解(掌握

    通过观察我们发现,HTML基本结构中所有标签都是成对出现的。这些成对出现的标签中有一个带/有一个不带/,那么这些不带/的标签我们称之为开始标签,这些带/的标签,我们称之为结束标签。 html标签 作用: 用于告诉浏览器这是一个网页,也就是说告诉浏览器这是一个HTML文档 注意点: 其它所有的标签都必须写在html标签里面,也就是写在html开始标签和结束标签中间 head标签 作用: 用于...

    lavnFan 评论0 收藏0
  • 课时90.div和span(掌握

    摘要:和都可以把信息独立称一个小小都区域。有的人在这里用,这里不推荐,因为是用于和表单元素进行绑定的,它和表单元素搭配使用的。和有什么区别会单独的占一行,而不会单独占一行。是一个容器级别的标签,而是一个文本级别的标签。为什么在这里讲解div和span呢,而不在html中讲解呢? 因为在我们的开发中div和span一般是配合css来使用的,来完成一定的效果,来设置一些属性,在前面我们没有学习css,...

    Yuqi 评论0 收藏0

发表评论

0条评论

frontoldman

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<