谷歌浏览器chrome 视频不自动播放问题解决

最新推荐文章于 2025-04-20 23:07:49 发布
原创 最新推荐文章于 2025-04-20 23:07:49 发布 · 2.9k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 

<video muted loop="loop"  autoplay="autoplay" poster="/images/ban_bg.jpg"  src="/images/video4.mp4"  style="margin-top:-300px; position:absolute;width:100%;">
							 不支持video
</video>

加上muted谷歌就可以正常自动播放了。感觉还是360浏览器做的好，就是广告太多。

前端视频无法自动播放的问题，基于Chrome浏览器的自动播放策略原理，详细解释加了autoplay属性之后视频仍然不能自动播放的问题，并提供了二种主流的解决方法
m0_64642443的博客
06-14 1万+
前端视频无法自动播放的问题，基于Chrome浏览器的自动播放策略原理，详细解释加了autoplay属性之后视频仍然不能自动播放的问题，并提供了二种主流的解决方法
解决谷歌浏览器最新chrome94版本CORS跨域问题(海康视频插件无法播放的问题)
ＢabyＦace゛‐尐蔡。的博客
10-18 1万+
最新项目遇到很多反馈视频无法播放的问题，debug了很多次，最终确定是由于谷歌浏览器会自动强制更新到94最新版本，该版本的一下配置被默认关闭了，导致插件无法正常启动。 以下解决方法转载自：解决谷歌浏览器最新chrome94版本CORS跨域问题 - 知乎 CORS跨域问题： 升级谷歌浏览器最新chrome94版本后，提示Access to XMLHttpRequest at 'http://localhost:xxxx/api' from origin 'http://xxx.xxx.com:xxxx'
谷歌关于视频无法自动播放问题
weixin_46528266的博客
08-29 5780
谷歌关于视频无法自动播放问题
解决谷歌浏览器无法自动播放HTML文件的声音和视频问题的方法
weixin_44566194的博客
03-15 8565
解决谷歌浏览器无法自动播放视频和声音的方法
解决google浏览器无法自动播放音视频问题
WanweI897的博客
10-14 6693
浏览器报错：Unmuting failed and the element was paused instead because the user didn’t interact with the document before 或 Uncaught (in promise) DOMException。 由于google的一些制度，我们在写html5项目时会发现刷新页面时无法自动播放audio和video，即使你添加了autoplay属性也无济于事，下面提供两种解决方案。 方案一：解铃还须系铃人 googl
【已解决】chrome视频无法自动播放的问题
Effotzjw_小白慢慢踏全栈
06-11 2188
在用datav开发大屏的时候，放了一个视频组件，但是发现视频组件即使设置了自动播放，仍然无法自动播放。76 以上版本的谷歌浏览器只能在系统静音下自动播放。2、在此处对域名/ip添加白名单即可。
html 视频播放不循环,google-chrome – HTML5视频不会循环
weixin_42320493的博客
06-28 545
我有一个视频作为网页的背景，我试图让它循环。这里是代码：即使我已经告诉视频循环，它不会。我也试图让它循环与onended属性(根据this Mozilla support thread，我也试过那个位的jQuery)。没有什么工作到目前为止。 Chrome是我的代码还是Chrome的问题？编辑：我检查了网络事件和HEAD的工作副本(http://fhsclock-labs.heroku.com/n...
视频继续播放-谷歌浏览器插件
02-24
【视频继续播放-谷歌浏览器插件】是一款专为解决特定视频网站播放中断问题而设计的扩展程序，旨在帮助用户在浏览过程中保持视频的连续播放。这个插件是针对JavaScript编程语言进行开发的，目的是为了教育和学习目的...
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
10-14
由于安全和用户体验的考虑，Chrome自2018年4月起开始限制音视频的自动播放功能，除非用户与网页进行了交互。这意味着在没有用户点击、双击或触摸等操作时，使用JavaScript直接调用`.play()`方法播放音频将会被阻止，...
chrome浏览器如何设置自动播放音视频
sj1231984的专栏
09-09 6107
这个的意思是 ：通常发生在尝试在没有用户交互的情况下播放音频或视频时。现代浏览器（如 Chrome 和 Firefox）为了防止自动播放广告和其他不受欢迎的内容，要求在播放媒体之前必须有用户交互（如点击或按键）。1、打开chrome://settings/content/sound 页面。2、按照下图添加域名即可。
谷歌浏览器无法自动播放视频问题
年三十的博客
11-19 6039
在网站中，可能有时候需要一个展示效果... 这时候我们或许会采用视频处理，但自动播放会遇到一些小问题 以下是谷歌的声明： 谷歌正在一步步解决Chrome浏览器遇到的站点自动播放视频及音频的问题， 在4月发布的Chrome 66版本中，谷歌已经将带声音的视频自动播放默认禁止。只有用户点击或点按网站后媒体不播放声音或者（在桌面设备上）用户之前已对网站上的媒体表现出兴趣时，才允许自动播放。这会...
总结！通过网站设置解决谷歌浏览器不能自动播放音频问题的方案
weixin_42522127的博客
06-08 6058
最近业务需要在做一个语音播报的功能，用到了科大讯飞的API，由于谷歌安全策略的限制，在谷歌浏览器（我们目前的版本是91）中不能自动播放声音。在网上找了好久尝试了所有办法都是绕不开这个an ...
Chrome浏览器音/视频无法自动播放
小韩的博客
10-31 5226
由于google的一些制度，我们在写html5项目时会发现刷新页面时无法自动播放audio和video，即使你添加了autoplay属性也无济于事， IE和Edge浏览器是可以自动播放的。下面提供解决方案。本人在网上搜寻了很多方法，最后发现几个关键点：首先是谷歌浏览器的相关政策，自从 Chrome 66 开始限制了 video 和 audio 元素的自动播放，从 Chrome 71 开始限制了 Web Audio API 的自动播放，因此一些网页游戏和 webrtc 相关的音视频项目都会相应受到影响。
谷歌chrome浏览器无法自动播放video标签视频的问题
阿酷tony
05-17 3066
谷歌chrome浏览器无法自动播放video标签视频的问题，新版谷歌默认是不支持带音量视频的，所以让视频先静音。
谷歌浏览器基于WEB环境自动播放视频问题的解决方案
专注企业级视频应用，企业视频直播、MR虚拟直播、教育培训连麦直播
04-20 2375
说到底，这是谷歌浏览器没有遵守HTML5标准的video标签引起的问题，好吧，处理有点难
Chrome自动播放问题原因以及解决方案
qq_38861938的博客
08-30 1772
属性为none，通过load()方法，重新加载数据源，然后通过loadeddata回调play()方法，使其加载完成后自动播放。2、在桌面设备上，用户的媒体参与度指数阈值已经超过，这意味着用户之前播放过有声视频。2、部分视频出现黑屏现象，点击重新播放无效，只能通过下载到本地的方式查看。1、用户已经与当前的域进行了交互（也就是click，tap事件）。顶部帧可以将自动播放权限委派给其iframe，来允许自动播放声音。1、能够自动播放部分视频，且播放正常。2、不设置自动播放并且设置。Chrome自动播放策略。
解决google浏览器自动播放问题
m0_53574149的博客
07-19 1812
解决google浏览器自动播放问题
解决google浏览器自动播放问题，亲测可用！！
热门推荐
java_mygod的博客
09-14 2万+
解决谷歌浏览器自动播放问题前言 前言 页面video视频属性设置了autoplay="true"后，用chrome浏览时发现竟然不会自动播放，原因是2018 年 4 月份发布的 chrome 66 也正式宣布关闭音频自动播放。 1：需求来源 为了满足客户需求（非一般客户,** 你个 **）在完美影响用户体验的情况下解决谷歌浏览器自动播放音频问题，下面是自己的一个demo ： // 以下就是自己的实现，（当然了跟广大网友的配合是分不开的，至于参考谁的我也记不得了，在这里谢过了） <audio src="
如何防止视频在Chrome中自动播放
culintai3473的博客
09-04 2863
Look, autoplaying videos are awful. No one likes them, and I honestly don’t understand why this continues to be a thing that happens on the web. Thankfully, if you’re a Chrome user, you can easily sto...
谷歌浏览器自动播放声音
最新发布
09-02
谷歌浏览器自动播放声音存在相关限制和对应的设置、解决办法。 ### 限制原因 从 Chrome 66 开始，谷歌浏览器限制了 video 和 audio 元素的自动播放，从 Chrome 71 开始限制了 Web Audio API 的自动播放。这使得一些网页游戏和 webrtc 相关的音视频项目受到影响，如在使用科大讯飞 API 做语音播报功能时，因该安全策略限制，在谷歌浏览器（版本 91）中无法自动播放声音。此外，声音无法自动播放也是 IOS/Android 上的惯例，桌面版的 Safari 在 2017 年的 11 版本也禁掉了带有声音的多媒体自动播放功能，2018 年 4 月份发布的 Chrome 66 正式关掉了声音自动播放，导致 `<audio autoplay>` `<video autoplay>` 在桌面版浏览器失效[^2][^4]。 ### 设置与解决办法 1. **检测浏览器支持情况**：可点击链接 https://video-dev.github.io/can-autoplay/ 检测浏览器是否支持自动播放。检测结果显示，谷歌浏览器不支持有声自动播放视频和音频（包括内联视频），但支持静音的视频自动播放，不过静音的音频功能依旧无法使用[^2]。 2. **修改浏览器设置** - **地址栏搜索设置**：在地址栏访问 chrome://flags，使用搜索栏搜索 “Autoplay policy”，但在 Chrome 66 以上版本搜索不到相关内容，无法使用该方法；在 Chrome 66 以下版本可将默认的 “Default” 修改为 “No user gesture is required” 后，重启浏览器，但此方法不适用于 Chrome 66 以上版本[^1][^2]。 - **快捷方式添加命令**：在谷歌浏览器快捷方式目标中加入命令 `--args --autoplay-policy=no-user-gesture-required`，不过经测试，同样的谷歌浏览器（版本 91）仅在部分电脑中可以成功自动播放，稳定性差，不能投入使用[^1]。 - **网站设置声音选项**：打开网站设置，找到声音选项，将自动改为允许，经测试可以完成自动播放；也可以添加对应的网站地址或者 html 代码，允许其播放声音[^1][^2]。 3. **代码层面处理（针对视频）**：对于视频自动播放问题，常规方法是给 video 标签增添 muted 属性，示例代码如下： ```html <video src="xxx.mp4" autoplay="autoplay" muted controls="controls"></video> ``` 这样就能实现静音自动播放视频[^2]。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

我是杂牌军

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

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

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

打赏作者

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

抵扣说明：

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

余额充值