如何在html上添加背景音乐

最新推荐文章于 2024-06-02 12:54:48 发布

lalalalalala_

最新推荐文章于 2024-06-02 12:54:48 发布

阅读量1w

点赞数 8

分类专栏： web前端 web学习文章标签：如何在html上添加背景音乐

本文链接：https://blog.csdn.net/lalalalalala_/article/details/77934247

版权

web前端同时被 2 个专栏收录

11 篇文章 1 订阅

订阅专栏

web学习

8 篇文章 2 订阅

订阅专栏

添加有播放条的背景音乐：

<!doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" contet="text/html;charset=utf-8">
	<title>背景音乐设置</title>
	
</head>
<body>
	<audio controls="controls" autoplay="autoplay" loop=-1>
 	<source src="C:\Users\47688\Desktop\work\dainiqulvxing.mp3" type="audio/mpeg" />
	</audio>
</body> 
</html>

添加没有播放条的背景音乐：

<!doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" contet="text/html;charset=utf-8">
	<title>背景音乐设置</title>
	
</head>
<body>
	<div style="display:none";class="music">
	<audio controls="controls" autoplay="autoplay" loop=-1>
 	<source src="C:\Users\47688\Desktop\work\dainiqulvxing.mp3" type="audio/mpeg" />
	</audio>
	</div>
</body> 
</html>

loop的属性为可选属性，当取值为某个数字的时候，就表示背景音乐循环播放该数字所指定的次数；如果取值为-1，则表示循环不断的播放背景音乐；默认情况下，背景音乐只播放一次。

lalalalalala_

关注

8
点赞
踩
37

收藏

觉得还不错? 一键收藏
3
评论
如何在html上添加背景音乐

添加有播放条的背景音乐：背景音乐设置添加没有播放条的背景音乐：背景音乐设置 loop的属性为可选属性，当取值为某个数字的时候，就表示背景音乐循环播放该数字所指定的次数；如果取值为-，则表示循环不断的播放背景音乐；默认情况下，背景音乐只播放一次。
复制链接

扫一扫