HTML5自动播放背景音乐

最新推荐文章于 2024-06-28 17:37:19 发布

herbertyoung

最新推荐文章于 2024-06-28 17:37:19 发布

阅读量2.4w

点赞数 11

分类专栏： HTML5 文章标签： html5 自动播放背景音乐

本文链接：https://blog.csdn.net/yhb241/article/details/46636771

版权

HTML5 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

html

<audio src="./audio/bgmusic.mp3" preload="meta" loop autoplay id="bgmusic"></audio>

javascript

var bgmusic = document.getElementById('bgmusic');
bgmusic.addEventListener('canplay', function(){
	this.play();
}, false);
window.addEventListener('load', function(){
	window.addEventListener('touchstart', once, false);
}, false);
function once(){
	bgmusic.play();
	window.removeEventListener('touchstart', once, false);
}