chrome谷歌浏览器如何让网站可以自动播放音乐

最新推荐文章于 2025-10-24 16:38:41 发布
原创 最新推荐文章于 2025-10-24 16:38:41 发布 · 1w 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

谷歌浏览器自18年起禁止网页自动播放音乐和视频（非静音），但有时需在合适时机播放声音。可通过浏览器设置页面搜索“网站设置”，打开后找到“声音”，添加网站并检查声音，重新打开浏览器即可。

众所周知,谷歌浏览器在18年开始禁止网页自动播放音乐和视频,除非是静音播放;但是需求又需要我们当在一个合适的时机去播放声音,这就比较麻烦了;

 第一步,浏览器-设置页面-搜索"网站设置"

第二步,打开网站设置-找到 "声音"

第三步:添加网站

第四步:检查声音

到此为止,浏览器重新打开即可

实现chrome浏览器内核自动播放功能-突破浏览器限制
m0_67682227的博客
10-07 1844
上面的是一些常用的js监听事件，Js监听事件是不受限制的，但用户只要做出任何操作就能被事件监听给监听到，你鼠标只要动一下，松开一下，这个音乐就开始放了，如果你进入一个网页，你什么事都不干，那么就说明现在这个网页你不使用，可能用户只是在浏览器中不小心点错了，那么你播放音频视频那纯属扰民啊！鼠标事件（Mouse Events）：例如鼠标点击（click）、双击（dblclick）、按下（mousedown）、抬起（mouseup）、移动（mousemove）等。我是用让它自动播放，肯定不能让用户手动点击啊。
Chrome浏览器音/视频无法自动播放
小韩的博客
10-31 5104
由于google的一些制度，我们在写html5项目时会发现刷新页面时无法自动播放audio和video，即使你添加了autoplay属性也无济于事， IE和Edge浏览器是可以自动播放的。下面提供解决方案。本人在网上搜寻了很多方法，最后发现几个关键点：首先是谷歌浏览器的相关政策，自从 Chrome 66 开始限制了 video 和 audio 元素的自动播放，从 Chrome 71 开始限制了 Web Audio API 的自动播放，因此一些网页游戏和 webrtc 相关的音视频项目都会相应受到影响。
Chrome 中的自动播放策略&如何设置自动播放
热门推荐
qq_35052138的博客
09-09 3万+
Chrome 中的自动播放策略 为了改善用户体验，谷歌浏览器限制了音视频的自动播放，最大限度地减少广告骚扰，并减少数据消耗 Chrome 66 开始限制了 video 和 audio 元素的自动播放，从 Chrome 71 开始限制了 Web Audio API 的自动播放，因此一些网页游戏和webrtc相关的音视频项目都会相应收到影响 autoplay 虽然限制了自动播放，但是还有一些情况下是允许自动播放的 静音状态下始终允许自动播放 有声音自动播放时： 用户进行了页面点击等与界面发生交互行为
解决谷歌浏览器无法自动播放音频文件限制
最新发布
weixin_65633147的博客
10-24 142
新版的Chrome浏览器（以及所有以Chromium为内核的浏览器）中，已不再允许自动播放音频和视频。就算你为video或audio标签设置了。3、找到“声音”设置项，设置为“允许”即可。1、打开需要设置自动播放音频的网站。也一样不能自动播放。但是我们可以通过网站设置解决。2、在网址地址栏前点开网站设置。
chrome浏览器如何设置自动播放音视频
sj1231984的专栏
09-09 5917
这个的意思是 ：通常发生在尝试在没有用户交互的情况下播放音频或视频时。现代浏览器（如 Chrome 和 Firefox）为了防止自动播放广告和其他不受欢迎的内容，要求在播放媒体之前必须有用户交互（如点击或按键）。1、打开chrome://settings/content/sound 页面。2、按照下图添加域名即可。
让谷歌浏览器自动播放音频设置方法
qq_39951524的博客
03-21 4812
谷歌浏览器默认是不会自动播放视频的，如何使谷歌浏览器自动播放视频
实现Google Chrome音频标签audio、属性autoplay自动播放
逆风也微笑的博客
08-19 2636
1、打开chrome浏览器，在地址栏中输入：“chrome://flags”。 2、在页面内搜索栏中写入：“Autoplay policy”，并将默认为“Default”，选择修改为 “No user gesture is required” 。 3、点击“Relaunch Now”即可。 ...
谷歌浏览器音频自动播放HTML,请问各位大佬 现在的谷歌浏览器版本怎样实现音频在首页的自动播放？...
weixin_28911221的博客
06-02 948
$(document).ready(function () {var audioElement = document.createElement('audio');audioElement.setAttribute('src', $('.active-song').attr('src'));var tl = new TimelineMax();tl.to('.player__albumImg', ...
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
01-18
一、vue中解决chrome浏览器自动播放音频 需求 有新订单的时候，页面自动语音提示和弹出提示框； 问题 chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。严格地来说，是Chrome不允许在用户对...
ac-music-extension：谷歌浏览器Chrome扩展程序，可在浏览时播放每小时穿越动物的音乐等内容！
01-30
Animal Crossing Music是一款有趣的Chrome扩展程序，可在您工作，播放或浏览网络时在浏览器中播放Animal Crossing的音乐！ :sparkles: 音乐按小时实时更新，并通过可选的桌面通知和可自定义的城市音乐通知您！ :...
JS实现网站声音提示，兼容IE与chrome，附谷歌chrome浏览器无法自动播放声音解决方法
下班了，但没完全下班
01-09 5999
function playSound(){ var borswer = window.navigator.userAgent.toLowerCase(); if(!!window.ActiveXObject || "ActiveXObject" in window){ //IE内核浏览器 var strEmbed = '<embed ...
vue预警功能开发及谷歌浏览器下音频播放
zhoukaiyoung的专栏
06-28 1254
先说一下项目背景，要求开发一个预警功能，我的思路是用springboot的定时任务循环查询数据库是否有预警记录，然后向websocket发送消息，此处的websocket是vue框架下，每打开一个页面建立一个连接（抱歉，vue全局变量没整明白，所以只能每个页面都建立连接），然后在其中一个连接下播放声音。目前仍然没有解决的问题：chrome浏览器下播放音频，页面刷新后必须要点击一下页面，才可以报警，通过路由跳转则不会出现该问题，猜测时跳转时，将点击动作带入到新页面，刷新会将数据清除。 遇到的问题： 1，j
h5 ＜audio＞音乐自动播放，谷歌禁止音乐自动播放处理方法
V199311的博客
01-19 2675
html代码 <a href="javascript:;" class="musicBtn functionBtn2 on" id="mc_play">音乐开 <audio id="music" loop="loop" autoplay="autoplay" preload="auto" muted> <source src="/test/bgMp3.mp3" type="audio/mpeg"> </audio> <.
最新谷歌浏览器的自动播放音频的设置
weixin_30387663的博客
08-07 4438
谷歌也是够恶心，为什么要弃了之前的那种设置，那个设置我刚写好。 现在又变成了另外一种设置 而且这种设置是还是跟火狐一模一样的设置。 进入正题 第一步 打开谷歌点击右边菜单，选择帮助----进入关于Google Chrome 第二步 第三步 往下滑找到声音 点击 声音右边的小图标 第四步 转载于:https://www.cnblogs.com/wjlfl...
前端学习之音视频及其谷歌浏览器无法自动播放的解决方法（3）
狗头苏丹的博客
05-29 2514
音视频无法自动播放的问题解决方法
关于音频在谷歌浏览器无法自动播放问题
weixin_41926354的博客
04-09 2833
关于音频在谷歌浏览器无法自动播放问题 音频播放时出现 Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first. https://goo.gl/xX8pDD 解决： 第一步，在chrome浏览器中输入：chrome://flags/#autoplay-policy 第二步，在Autoplay policy中将Default改为No user gestur
Chrome 实现音频/视频 自动播放
H18394173217的博客
11-23 4625
Chrome 实现音频/视频 自动播放 //home.html 用a标签跳转到播放页 <a href="test_video.html">跳转到视频/音频播放页</a> //play.html 自动播放音频/视频 <audio autoplay="autoplay" loop="loop" src="audio.mp3"></audio> <video autoplay="autoplay" src="video.mp4"></video&
在Chrome78浏览器上如何实现自动播放音视频
howard2005的专栏
11-26 6604
在Chrome78浏览器上如何实现自动播放音视频 问题：video与audio标签里设置了autoplay="autoplay"，在Chrome78浏览器上无法实现自动播放。 1、查看Chrome浏览器版本 2、该版本Chrome浏览器移除了autoplay-policy的标记 3、设置Chrome的环境变量 4、在命令行带参数启动Chrome浏览器 chrome ...
谷歌浏览器为什么不能自动播放背景音乐
05-12
谷歌浏览器为了提高用户的浏览体验，对自动播放音频和视频进行了限制。这是因为有很多网站会自动播放广告、背景音乐等内容，导致用户感到烦躁和不适。为了避免这种情况，谷歌浏览器在最新版本中默认禁止自动播放音频...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

xvzhengyang

感谢，励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值