Day3多媒体标签——视频与音频

image

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width= , initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 在HTML中，如果属性名与属性值一样，可以简写为一个单词 -->
    <!-- 即controls的全称是control="controls" -->
    <!-- 为提升用户体验，浏览器一般会禁用自动播放这个功能 -->
    <audio src="./media/music.mp3" controls loop autoplay></audio>
</body>
</html>

image

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 为提升用户体验，浏览器会在静音情况下允许自动播放，即muted是autoplay生效的前提条件 -->
    <video src="./media/蓝球.mp4" controls width="500" loop muted autoplay></video>
</body>
</html>
posted @ 2025-10-24 13:09  冰涿  阅读(8)  评论(0)    收藏  举报