音频标签
音频标签写法:
<audio src="音频的URL"></audio>
音频标签的属性
src:音频的URL
controls:显示音频的控制面板
loop:循环播放
autoplay:自动播放(浏览器会禁用自动播放功能)
补充:
在HTML5里面,如果属性名和属性值完全一样,可以简写为一个单词。
代码
<!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>
<!-- 在HTML5里面,如果属性名和属性值完全一样,可以简写为一个单词 -->
<!-- 浏览器会禁用自动播放功能 -->
<audio src="./imgs/music.mp3" controls loop autoplay></audio>
</body>
</html>
实现效果
视频标签
视频标签的写法
<video src="视频的URL"></video>
视频标签的属性:
src:视频的地址
controls:显示视频播放控制面板
loop:循环播放
muted:静音播放
autoplay:自动播放(在浏览器中想要自动播放视频,必须要静音)
代码:
<!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>
<!-- 在浏览器中想要自动播放视频,必须要静音 -->
<video src="./imgs/video.mp4" controls loop muted autoplay></video>
</body>
</html>