1.vido视频标签
    尽量使用mp4格式,大部分浏览器都支持

    属性 描述
    autoplay autoplay 视频就绪自动播放(谷歌需要加muted来解决自动播放问题)
    controls controls 向用户显示播放控件
    width px 设置播放器宽度
    height px 设置播放器高度
    loop loop 播放完是否继续播放该视频,循环播放
    preload auto(预先加载视频)
    none(不应加载视频)
    规定是否预加载视频(如果有了autoplay) 就忽略该属性
    src url 视频url路径
    poster imgurl 加载等待画面图片
    muted muted 静音播放

    考虑兼容性问题:
    image.png
    2.audio音频标签
    同视频属性一致
    音频不可以使用muted属性来静音播放(可通过JavaScript解决)
    3.input表单新增属性
    image.png
    重点:number Tel search
    4.新增的表单属性
    image.png
    image.png改变提示信息的颜色
    5.C3新增伪元素选择器(important)

    选择符 简介
    ::before 在元素内部的前面插入内容
    ::after 在元素内部的后面插入内容

    注意:

    • before和after创建一个元素,但是属于行内元素
    • 新创建的这个元素在文档树中是找不到的,所以称为伪元素
    • 语法:element::before{}
    • before和after必须有content属性
    • before在父元素内容的前面创建元素,after在父元素内容的后面插入元素
    • 伪元素选择器和标签选择器一样,权重为1

    image.png
    5.C3新增伪元素选择器(important)