目录

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>

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐