解决谷歌浏览器 video 和 audio 标签自动播放（autoplay）无效的方法

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

#常见问题

本文介绍如何在Google Chrome浏览器中禁用网页内容的自动播放功能。适用于Chrome版本64.0.3282.186。通过修改设置，用户可以避免网页中的视频或其他多媒体内容在加载页面时自动播放。

Google Chrome 2018年1月起不再自动播放内容，需要自己手动配置。

版本：64.0.3282.186。

1、在浏览器搜索框中输入：chrome://flags/

2、在进入的页面内搜索：Autoplay

3、找到 "Autoplay policy" ，将默认值 "Default" 修改成 "No user gesture is required" 

 

4、保存，点击右下角"Relaunch Now"  

autoplay标签在chrome中失效的问题
Rookie
03-14 2543
早在我的第一期前端五子棋中就遇到这个令人头疼的问题，最开始是由于谷歌版本的更新，为了更安全所以就取消autoplay这个自动播放的功能，后来我也再网上搜索到了很多解决方案，也只是瞎猫碰到死耗子恰巧解决了整个问题，至于我在前端五子棋第二版所说的那个解决方案，仅仅是由于服务器不支持中文，使得中文名乱码而找不到mp3音频所导致的问题。 进入正题，可以参看我给出的五子棋的代码为例来叙述我的解决过程。（两版...
播放语音，支持谷歌浏览器自动播放
weixin_30425949的博客
12-24 1417
１．最近的项目用到了语音播放的，调用的是百度语音合成语音的接口,接入后发现在谷歌浏览器会报错，其它浏览器可以正常播放。 ２．通过搜索了解到在Chrome 66以上的最新浏览器中，自动播放的视频要么是静音视频，要么就是没有声音的视频，或者是用户手动点击后播放的有声视频 ３．在HTML5中新增了 <video></video> <audio></audio...
audio或video标签 autoplay无效 或 .play()报错问题 解决方案
苍老师背后的男人
11-02 4万+
video标签 video标签设置 autoplay 无效，一般的解决办法是 在video标签上设置 muted 属性 即可。 muted 属性是 静音的意思 也就是说，想让video标签自动播放视频，必须先设置为静音。原因下面一起说。 audio标签 audio标签设置 autoplay 无效，或者在 js 中用 audio.play() 报以下错误： 而且audio标签 即使设置了 muted 属性也不能自动播放（解决方法最后说）。 原因分析 其实从报错信息也可以了解到，DO..
解决谷歌浏览器无法自动播放音频文件限制
最新发布
weixin_65633147的博客
10-24 172
新版的Chrome浏览器（以及所有以Chromium为内核的浏览器）中，已不再允许自动播放音频和视频。就算你为video或audio标签设置了。3、找到“声音”设置项，设置为“允许”即可。1、打开需要设置自动播放音频的网站。也一样不能自动播放。但是我们可以通过网站设置解决。2、在网址地址栏前点开网站设置。
video标签设置autoplay无效
huang_hai_an的博客
04-13 889
在html页面使用video标签的时候，给它设置了autoplay属性，即 autoplay = “autoplay”，发现没有什么效果；解决方法是： 给video标签加上 muted 属性就可以自动播放了，静音的意思；原因是： 谷歌浏览器和火狐浏览器 不支持非静音自动播放。
HTML 踩坑笔记: video 标签 autoplay 属性失效(Error: Uncaught (in promise) DOMException: play() failed)
超悠閒的博客
01-23 1万+
HTML 踩坑笔记: video 标签 autoplay 属性失效(Error: Uncaught (in promise) DOMException: play() failed) 文章目录HTML 踩坑笔记: video 标签 autoplay 属性失效(Error: Uncaught (in promise) DOMException: play() failed)0. 项目背景1. 问题描述尝试: 主动调用 play 方法（失败）2. 解决方案2.1 解决方案 1: 静音2.2 解决方案 2: 监听
video标签设置autoplay（自动播放）无效
qq_36608036的博客
05-20 6838
video标签设置autoplay（自动播放）无效 问题： 在使用video标签的时候，给它设置了autoplay属性，发现没有什么效果； 解决方式： 给video标签加上muted（静音）属性就可以自动播放了；
vue预警功能开发及谷歌浏览器下音频播放
zhoukaiyoung的专栏
06-28 1256
先说一下项目背景，要求开发一个预警功能，我的思路是用springboot的定时任务循环查询数据库是否有预警记录，然后向websocket发送消息，此处的websocket是vue框架下，每打开一个页面建立一个连接（抱歉，vue全局变量没整明白，所以只能每个页面都建立连接），然后在其中一个连接下播放声音。目前仍然没有解决的问题：chrome浏览器下播放音频，页面刷新后必须要点击一下页面，才可以报警，通过路由跳转则不会出现该问题，猜测时跳转时，将点击动作带入到新页面，刷新会将数据清除。 遇到的问题： 1，j
（11）多媒体标签
Java田根旺
11-16 1290
多媒体标签包含两个，音频：<audio> 视频：<video> 使用它们可以很方便的在页面中嵌入音频和视频，而不再去使用落后的flash和其他浏览器插件。 一、音频标签<audio> <audio>是一个双标签，它同图片一样，需要使用src属性设置音频查找的路径，支持音频文件的格式有：.mp3、.ogg、.wav后缀的文件。 如下是<audio>标签引入不同的音频文件格式，对应兼容不同的浏览器表。 如下是兼容写法：（推荐用） &.
音视频拖动进度条问题
weixin_38743171的博客
06-18 4016
背景： 前端audio/video原生标签，后台java response流返回 现象： 在火狐浏览器可以正常播放，也可以正常拖动进度条，但在谷歌浏览器下只能播放，不能拖动进度条。 原因： 暂不知。 解决问题： 前端不动，后台在响应头上加上这一句就可以了，亲测有效。 response.addHeader("Accept-Ranges","bytes"); 前端代码如下(不是重点...
vue-video-player 实现断点续播，currentTime不生效问题。
qq_41117240的博客
03-28 4151
vue-video-player 实现断点续播，video设置currentTime不生效问题，谷歌浏览器不生效。
video视频标签 自动播放autoplay 失效问题
青山不改，绿水长流。
10-27 2347
问题： 在使用video标签的时候，给它设置了autoplay属性，发现没有什么效果；解决方式： 给video标签加上muted（静音）属性就可以自动播放了；原因： 谷歌浏览器和火狐浏览器现在都不支持非静音自动播放了。video标签设置autoplay（自动播放）无效。
video标签不能自动播放的原因
weixin_39031037的博客
04-03 1901
有的浏览器不允许非静音自动播放，如谷歌浏览器，所以要加上muted属性，才会自动播放文章来源地址https://www.yii666.com/blog/327801.html。未加autoplay属性，或者autoplay属性为false。复习一下video标签重要的属性吧~
video 标签无法自动播放
qq_44535402的博客
11-28 4714
video 标签无法自动播放
解决audio自动播放无效问题
皮小孩的博客
01-09 3万+
在360或者qq浏览器，audio的自动播放属性目前为止是有效的，网页的body里面插入下面代码后，打开页面就会自动播放音乐。 但是在edge\google等浏览器不支持音乐自动播放。
Chrome浏览器音/视频无法自动播放
小韩的博客
10-31 5154
由于google的一些制度，我们在写html5项目时会发现刷新页面时无法自动播放audio和video，即使你添加了autoplay属性也无济于事， IE和Edge浏览器是可以自动播放的。下面提供解决方案。本人在网上搜寻了很多方法，最后发现几个关键点：首先是谷歌浏览器的相关政策，自从 Chrome 66 开始限制了 video 和 audio 元素的自动播放，从 Chrome 71 开始限制了 Web Audio API 的自动播放，因此一些网页游戏和 webrtc 相关的音视频项目都会相应受到影响。
video下autoplay属性无效——添加muted属性
热门推荐
小乖的专栏
05-10 8万+
背景：video下载入ogg格式视频，并设置自动播放属性autoplay，但是使用Chrome预览时，视屏画面已加载出来，但是无法自动播放，F5刷新后可以自动播放。使用火狐浏览器可以自动播放。最初代码如下：&lt;video autoplay="autoplay" loop="loop" class="aaa" &gt; &lt;source src="./video/exa.ogg" t...
video下autoplay属性无效的解决方法(添加muted属性)
lx233
04-25 2644
背景：video下载入ogg格式视频，并设置自动播放属性autoplay，但是使用Chrome预览时，视屏画面已加载出来，但是无法自动播放，F5刷新后可以自动播放。这篇文章主要介绍了video下autoplay属性无效的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。虽然不用手动刷新，自动刷新后，视频可以自动播放，但是，每隔2s刷新，页面效果并不好啊。直到后来才发现：高版本浏览器，对视频静音后，可以保证视频自动播放。
页面自动播放策略autoplay失效-浏览器自动播放政策限制
weixin_44208883的博客
11-24 3326
Uncaught: （in promise）DOMExcepion: play() failed because the user didn't interact with the document first.音频自动播放失效
谷歌浏览器video标签自动播放
08-14
回答: 谷歌浏览器的video标签自动播放的问题可以通过在video标签中添加autoplay属性来实现。比如，可以在video标签中添加autoplay属性，像这样: <video autoplay> <source src="video.mp4" type="video/...
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值