＜audio＞、＜video＞音频与视频标签

最新推荐文章于 2022-04-08 23:20:52 发布

小豪boy

最新推荐文章于 2022-04-08 23:20:52 发布

阅读量98

点赞数

分类专栏： HTML从0开始

本文链接：https://blog.csdn.net/qq_34771938/article/details/119805588

版权

HTML从0开始专栏收录该内容

19 篇文章 2 订阅

订阅专栏

1.音频标签

在浏览器中插入音频需要使用<audio>标签，兼容到IE9，常用音频格式是mp3和ogg格式

常用属性：

src：音频地址

controls：显示播放控件

autoplay：设置自动播放

loop：循环播放

示例：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>First HTML Web</title>
</head>

<body>
    <!-- 音频播放 -->
    <audio src="music/wellspring.mp3" controls loop autoplay>
        <!-- 标签对中是对不兼容audio标签的浏览器的显示文字 -->
        抱歉，您的浏览器不支持audio标签，请升级浏览器
    </audio>
</body>

</html>

2.视频标签

在浏览器中插入视频需要使用<video>标签，兼容到IE9，常用视频格式是mp4、ogv、webm等格式

常用属性：

src：视频地址

controls：显示播放控件

autoplay：设置自动播放

loop：循环播放

示例：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>First HTML Web</title>
</head>

<body>
    <!-- 视频播放 -->
    <video src="video/flower.mp4" controls loop autoplay>
        <!-- 标签对中是对不兼容video标签的浏览器的显示文字 -->
        抱歉，您的浏览器不支持video标签，请升级浏览器
    </video>
</body>

</html>