HTML 多媒体元素

最新推荐文章于 2024-03-07 12:19:21 发布

pythonset

最新推荐文章于 2024-03-07 12:19:21 发布

阅读量72

点赞数

分类专栏： html 文章标签：前端 html

本文链接：https://blog.csdn.net/pythonset/article/details/127495287

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

多媒体元素

video 视频
audio 音频

video

control：控制控件的显示，取值只能为controls

某些属性，只有两种状态：1.不写 2.取值为属性名，这种属性叫做布尔属性

布尔属性：在htmls中，不用书写属性值

autoplay 布尔属性，自动播放

muted：布尔属性，静音播放

loop：布尔属性，循环播放

audio

和视频完全一样

兼容性、

1.旧版本的浏览器不支持这两个元素
2.不同的浏览器支持的音频格式可能不一致

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--sourece 兼容-->
    <video src="">
        <source src="">
        <source src="">
        <p>
            对不起,你的浏览器不支持video元素,请点击这里下载最新的浏览器
        </p>
    </video>
    <audio src="" cantrols autoplay muted  loop></audio>
</body>
</html>