目录

1，视频标签vedio

2，vedio标签的属性详解

3，音频标签audio

4，音频标签属性详解

5，source标签

6，figure标签

7，mark标签

---

1，视频标签vedio

        使用<vedio></vedio>来实现，常用的写法如下：

    <video src="1.mp4" controls muted >
        当无法播放视频时，会显示这里的内容。
    </video>

        网页显示效果如下：

2，vedio标签的属性详解

        1，src指的是视频地址

        2，autoplay需要设置muted之后才生效。

        3，height与width设置后视频并不会拉伸，而是会自动调整大小

        4，preload指的是：当前视频会默认下载到内存，不管你点不点即播放

        5，poster用于设置视频封面

3，音频标签audio

        使用标签<audio></audio>来实现。通常写法如下：

<audio src="1.mp3" controls></audio>

        网页显示如下：

4，音频标签属性详解

        1，src指的是音频地址

        2，autoplay需要设置muted之后才生效。

5，source标签

        <source></source>标签用来确定src的来源，因为现在的浏览器各式各样，有的音频格式有些浏览器不支持，这个时候需要为这些不支持的老旧浏览器提供支持，就需要使用source标签来确定各种格式的音频或者视频。

    <audio controls>
        <source src="1.ogg">
        <source src="1.mp3">
        Your browser does not support the audioelement.
    </audio>

         提供了.mp3和.ogg功浏览器选择。

6，figure标签

        figure标签用于给图片添加说明，类似于图注和表注。

    <figure>
        <img src="1.jpg" alt="figure标签" title="figure标签"/>
        <figcaption>figure的标题</figcaption>
    </figure>

7，mark标签

        用于高亮文字。

<mark>CSDN</mark>