在pc端上直接在body里写个video就可以了，很简单
<audio src="http://xxxxx.mp3" autoplay hidden></audio>
但是移动端不一样，移动端禁用所有的自动播放音乐，必须手动触发，但是我们可以巧妙绕过这个设定
1、在html上新建个容器，其实不要也可以，我只是喜欢规范点
<!--播放背景音乐容器-->
<div id="bgmvideo"></div>
2、用js加载页面时把video元素append进去就行了，我还额外做了一个浏览器每次打开只会播放一次的功能，不然每次用户选择该页面都会播放用户难免烦躁
// session控制音乐
$(document).ready(function () {
if (!sessionStorage.getItem("bgm")) {
$("#bgmvideo").append(
'<audio src="http://xxxxxx.mp3" autoplay hidden></audio>'
);
sessionStorage.setItem("bgm", 1)
}
})
扫一扫
1326
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
