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

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

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

以微软的Edge为例

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

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

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

 

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

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

1、打开网易云

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

2、点击生成外部链接

 3、选择插件

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

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

要在//前面加上http:

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

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

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

 

 

 

 

  • 15
    点赞
  • 34
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Davis-plus

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值