关于如何在html网页中插入可以自动播放的背景音乐

昨天想做一个带有自动播放背景音乐的html网页,频繁碰壁,最后终于找到问题所在:

一般大家会考虑到audio标签,然后在标签里使用autoplay。理论上是可以的,但是一定要注意浏览器的设置,浏览器一般会自动阻断背景音乐的自动播放,这个需要去设置一下,如下:

以微软的Edge为例

1、在设置里找到网站权限;

2、在权限里找到媒体自动播放

3、将选项更换为允许即可

 

 此外我推荐网易云音乐外部链接(因为我就是用这个解决的哈哈)

如果audio标签的使用出现问题可以考虑下以下方法

1、打开网易云

 将音乐的链接复制下来,任意找个浏览器打开即可

2、点击生成外部链接

 3、选择插件

这里有两个插件,选择一个电脑支持的,尺寸可修改(在html网页中显示出来的大小)

4、切记!最关键的一步!

要在//前面加上http:

如上述红线部分为src="//music

需手动修改成src="http://music

将修改后的整个代码复制到html中body部分即可

猜你喜欢

转载自blog.csdn.net/m0_74191800/article/details/130778263