解决chrome浏览器不支持audio和video标签的autoplay自动播放

最新推荐文章于 2023-01-01 15:42:18 发布
最新推荐文章于 2023-01-01 15:42:18 发布
阅读量9.9k 收藏 2
点赞数 2
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/libinxie/article/details/83478322
版权

声音无法自动播放这个在 IOS/Android 上面一直是个惯例，桌面版的 Safari 在 2017 年的 11 版本也宣布禁掉带有声音的多媒体自动播放功能，紧接着在 2018 年 4 月份发布的 Chrome 66 也正式关掉了声音自动播放，也就是说 在桌面版浏览器也将失效。

那么怎么解决呢？解决方式如下：
在chrome 浏览器中输入：chrome://flags，搜索“Autoplay policy”，默认为“Default”，修改为 “No user gesture is required” 就可以了
在这里插入图片描述

韩大大_Via
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
H5背景音乐自动播放问题
02-04
H5背景音乐自动播放和暂停
audio标签有的浏览器不支持音乐自动播放
空白_回忆的博客
07-14 8011
audio标签有的浏览器不支持音乐自动播放H5中的audio标签有的IOS设备和安卓设备不支持自动播放，也就是不支持autoplay属性，并且，这些浏览器只支持用户click点击事件触发audio.play()，从而实现音频播放，但是，这些浏览器又会屏蔽其他事件对audio.play()事件的触发，比如自动点击（trigger(‘click’)）触发audio.play()事件，这个事件会被浏览器屏
解决浏览器不支持video问题
05-08
解决浏览器不支持video问题
[bug]解决chrome浏览器不支持所有媒体音乐不自动播放问题
weixin_34342207的博客
01-31 2993
声音无法自动播放这个在 IOS/Android 上面一直是个惯例，桌面版的 Safari 在 2017 年的 11 版本也宣布禁掉带有声音的多媒体自动播放功能，紧接着在 2018 年 4 月份发布的 Chrome 66 也正式关掉了声音自动播放，也就是说 <audio autopaly> <video autoplay>在桌面版浏览器也将失效。 那么怎么解决呢？解决...
解决谷歌浏览器在非https下限制获取多媒体对象（音视频）的解决方式
当幸福来敲门的专栏
05-12 1595
1、浏览器输入：chrome://flags/ 2、输入你要允许的域名地址或ip端口地址（如下图）
Google浏览器不支持audio/video自动播放问题
王佳斌
06-10 1万+
前言 今天偶然发现，video视频属性设置了autoplay="true"后，用chrome浏览时发现竟然不会自动播放（大部分浏览器没有问题），经研究发现，桌面版的 Safari 在 2017 年的 11 版本宣布禁掉音频多媒体自动播放功能，紧接着在 2018 年 4 月份发布的 chrome 66 也正式宣布关闭音频自动播放，同样不例外的chrome桌面版也关闭了音频自动播放。 Google为什...
chrome浏览器不支持video标签，不能自动播放。
Flowerwine的博客
01-01 3064
2、在页面内搜索栏中写入：Autoplay policy，并将默认为“Default”，修改为 “No user gesture is required” 即可。问题：chrome浏览器不支持video标签的autoplay属性，网页刷新后不能自动播放视频。1、打开chrome浏览器，地址栏中输入：chrome://flags。在video标签中加入muted=“true” 属性，但会让视频静音。方法二：（参考百度经验）
如何解决浏览器音视频video/audio设置自动播放autoplay无效问题？
weixin_39003573的博客
09-06 1万+
问题背景： 项目需要在用户初始化登录进去时，查看消息列表，有消息则需提示消息提示音，这就需要解决浏览器音视频无法设置自动播放问题。 解决方案： 1、首先造成这个问题的原因在于chrome浏览器为了防止网页广告，在2018年取消了自动播放功能，需要手动配置。 配置分新旧版本： 旧版本： （1）在浏览器搜索框中输入：chrome://flags/（2）在上图页面搜索框中输入 Autoplay 搜索 （3）找到 Autoplaypolicy 项，将默认值 De...
chrome浏览器无法自动播放音乐的设置
a639735331的博客
08-06 3万+
在浏览器输入  chrome://flags/#autoplay-policy  第一个选项 Autoplay policy  设置为 no user gesture is required
chrome下音频无法自动播放的解决办法
热门推荐
badmoonc的博客
01-17 4万+
众所周知，chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。不光是这样，在页面加载完毕的情况下，用户没有click、dbclick、touch等主动交互行为，使用js直接调用.play() 方法的话，chrome都会抛出如下错误： 直到用户有交互之后，再次调用play()方法才会正常播放。但是对于开发来说，很多情况下我们还是需要让音频自动播放的，比如实时消息通知...
krpano加入背景音乐文件及插件
11-09
krpano加入背景音乐文件及插件
解决video标签在安卓webview下无法自动播放问题
01-05
在安卓webview下 html5 的 video 设置autoplay 属性 或在document ready中使用play方法 都不能使它自动播放 只能用webview的onPageFinished方法来解决此问题，代码如下： 代码如下: mPlayer.setWebViewClient(new ...
关于Android HTML5 audio autoplay无效问题的解决方案
01-21
在android 4.2添加了允许用户手势触发音视频播放接口，该接口默认为 true ，即默认不允许自动播放音视频，只能是用户交互的方式由用户自己促发播放。 WebView webView = this.finishActivity(R.id.main_act_webview...
禁止iPhone Safari video标签视频自动全屏的办法
01-20
最近做一个移动端微信页面项目，在微信页面中有视频播放，但是需要禁止IOS的自动全屏播放（前提必须使用video标签）。 如： 代码如下: <video id=”post” autoplay loop preload=”auto”> ”foo.mp4″ type...
video下autoplay属性无效的解决方法(添加muted属性)
12-28
背景：video下载入ogg格式视频，并设置自动播放属性autoplay，但是使用Chrome预览时，视屏画面已加载出来，但是无法自动播放，F5刷新后可以自动播放。使用火狐浏览器可以自动播放。最初代码如下： <video ...
CEF插件使谷歌 正常使用video和audio
11-24
使谷歌 正常使用video和audio标签的插件，cefsharp插件解决嵌入式谷歌内核应用不能播放视频和音频问题。
chrome浏览器中解决embed标签 loop="true" 背景音乐无法循环的问题。
yunfuyiren的专栏
12-15 1万+
今天试了下在html网页中加入背景音乐并设置为循环播放。一开始用标签，设置loop="true", 但是结果发现在IE浏览器可以，但是在chrome浏览器却无法实现循环， 播放完一次自动停止了。代码如下： 网上查了一下，好多人有相同问题。大家虽然体了些解决方案但有的不一定适用，于是个人用标签代替了下，发现两个浏览器都可以实现了无限循环播放。代码如下：
如何解决navigator.mediaDevices.getUserMedia兼容问题
刘杨造梦的博客
09-23 4665
/ 一些浏览器根本没实现它 - 那么就返回一个error到promise的reject来保持一个统一的接口。// 调用用户媒体设备，访问摄像头、录音、console.log("访问用户媒体设备失败：", error.name, error.message);// 因为这样可能会覆盖已有的属性。// 否则，为老的navigator.getUserMedia方法包裹一个Promise。// 首先，如果有getUserMedia的话，就获得它。// 最新标准API、// 成功的回调函数。// 异常的回调函数。
java判断素数1037_ACM离线题库超级全
weixin_39907220的博客
02-25 5732
【实例简介】超级多的题库有离线的适合没网时做，ACMer必备，有杭电OJ,北大OJ【实例截图】【核心代码】804f1873-5659-4f1d-bc49-31fa9b551299└── 题库├── 50道ACM水题│ ├── 1000│ │ └── 4669707_AC_16MS_284K.cpp│ ├── 1001│ │ └── 4888287_AC_0MS_332K.c...
如何解决Chrome浏览器auto标签不能自动播放的问题
最新发布
05-25
Chrome浏览器禁止自动播放标签页的音频和视频，这是为了提高用户体验和减少不必要的干扰。但是，如果您希望自动播放标签页的音频和视频，可以按照以下步骤进行操作： 1. 在Chrome浏览器的地址栏中输入chrome://...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值