当前位置：首页 > news >正文

音频和视频标签

news 2025/8/24 11:32:07

音频用audio标签

controls表示控制栏

loop循环播放音频

autoplay自动播放（浏览器基于隐私一般不支持）

<!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>音频</title>
</head>
<body><h1>音频用audio标签,controls表示控制栏,loop循环播放音频,autoplay自动播放，muted静音播放</h1><audio src="/jiejie.wav" controls loop autoplay muted></audio>
</body>
</html>

视频用video标签

controls表示控制栏

loop循环播放音频

autoplay自动播放

muted静音播放,poster设置视频封面。

支持宽高属性最好和视频分辨率大小一致（也可在css设置）

<!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>视频</title><style>/* video{width:300px;height:300px;} */</style></head>
<body><h1>视频用video标签,controls表示控制栏,loop循环播放音频,autoplay自动播放，muted静音播放,poster设置视频封面。支持宽高属性最好和视频分辨率大小一致（也可在css中设置）</h1><video src="/movie.mp4" controls loop autoplay muted poster="/poster.jpg"width="300px" height="300px"></video></body>
</html>