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

最新推荐文章于 2024-06-11 08:53:00 发布
最新推荐文章于 2024-06-11 08:53:00 发布
阅读量2.2w 收藏 5
点赞数 6
分类专栏： 浏览器 文章标签： 常见问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/maergaiyun/article/details/97007514
版权

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"  

马尔盖云
关注
  • 6
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
专栏目录
iOS系统和微信中不支持audio自动播放问题的解决方法
08-29
在iOS系统和微信环境中，audio标签的自动播放功能受到严格的限制，这主要是为了优化用户体验，避免不必要的音频自动播放导致流量消耗或干扰用户。在本文中，我们将探讨如何解决这一问题，以便在iOS设备上的微信环境...
解决谷歌浏览器无法自动播放HTML文件的声音和视频问题的方法
weixin_44566194的博客
03-15 6632
解决谷歌浏览器无法自动播放视频和声音的方法
前端视频无法自动播放的问题，基于Chrome浏览器的自动播放策略原理，详细解释加了autoplay属性之后视频仍然不能自动播放的问题，并提供了二种主流的解决方法
m0_64642443的博客
06-14 1万+
前端视频无法自动播放的问题，基于Chrome浏览器的自动播放策略原理，详细解释加了autoplay属性之后视频仍然不能自动播放的问题，并提供了二种主流的解决方法
【已解决】chrome视频无法自动播放的问题
最新发布
Effotzjw_小白慢慢踏全栈
06-11 445
在用datav开发大屏的时候，放了一个视频组件，但是发现视频组件即使设置了自动播放，仍然无法自动播放。76 以上版本的谷歌浏览器只能在系统静音下自动播放。2、在此处对域名/ip添加白名单即可。
解决google浏览器自动播放问题
m0_53574149的博客
07-19 1328
解决google浏览器自动播放问题
video标签设置了autoplay，自带音频的视频在谷歌浏览器仍无法自动播放
EchoLiner的博客
03-15 1646
原因分析：谷歌浏览器可以自动播放视频，不能自动播放音频。如果视频中自带音频就会导致该视频无法自动播放。解决办法：在video标签加上静音属性muted，自带音频的视频就可以自动播放了，但是该视频无声音。
Chrome浏览器的自动播放限制策略(原文)
阿酷tony
05-31 2634
Chrome浏览器的自动播放限制策略(原文)，Chrome浏览器的自动播放问题
Android chrome默认设置Autoplay policy
zhaoyufei133的博客
01-14 4340
Chrome 谷歌浏览器有很多插件，其中有一个是自动播放策略的，默认设置的是Default， 可以手动设置为无需用户手势确认--No user gesture is required（76.0版本之后就没有这个插件了）。 貌似76.0版本后有别的方法设置自动播放，我不太清楚，可以参考网友评论https://ask.csdn.net/questions/772569 客户想要默认设置为No user.........
解决video标签在安卓webview下无法自动播放问题
09-04
在描述中提到，当尝试在`<video>`标签上设置`autoplay`属性，或者在文档加载完成时通过JavaScript的`play()`方法来启动播放，都无法在Android Webview中实现自动播放。这是因为Android系统为了遵循其应用的权限策略...
video下autoplay属性无效的解决方法(添加muted属性)
12-28
背景：video下载入ogg格式视频，并设置自动播放属性autoplay，但是使用Chrome预览时，视屏画面已加载出来，但是无法自动播放，F5刷新后可以自动播放。使用火狐浏览器可以自动播放。最初代码如下： <video ...
关于Android HTML5 audio autoplay无效问题的解决方案
01-21
前言：在android HTML5 开发中有不少人遇到过 audio 标签 autoplay在某些设备上无效的问题，网上大多是讲怎么在js中操作，即在特定的时刻调用audio的play()方法，在android上还是无效。 一、解决方案 在android 4.2...
CEF插件使谷歌 正常使用video和audio
11-24
在标题和描述中提到的问题，主要是关于CEF插件如何帮助解决在谷歌内核应用中video和audio标签无法正常播放的问题。 首先，让我们了解一下`video`和`audio`标签。在HTML5中，这两个标签是用于嵌入视频和音频内容的...
快速解决ios微信下audio无法自动播放的问题
08-27
首先，我们要理解为什么在iOS的Safari中audio标签无法自动播放。这是因为苹果引入了一项名为"Intelligent Tracking Prevention" (ITP) 的安全特性，旨在保护用户隐私和减少跨站点追踪。这其中包括限制音频和视频元素...
HTML5 Video标签的属性、方法和事件汇总介绍
09-28
- `autoPlay` 和 `loop`: 获取或设置自动播放和循环播放的状态。 - `play()` 和 `pause()`: 开始播放和暂停视频。 - `volume` 和 `muted`: 控制音量和静音状态。 例如，设置视频的播放速度： ```javascript Media....
详解Html5中video标签那些属性和方法
11-21
前言 最近在写一个自定义播放器, ... autoplay：自动播放 loop：循环播放 controls：浏览器自带的控制条 width：视频宽度 height：视频高度 webkit-playsinline="true" IOS下防止全屏播放 playsinline="true" 同
HTML5视频自动播放拦截器「HTML5 Video Autoplay Blocker」-crx插件
03-15
https://github.com/Eloston/disable-html5-autoplay/wiki链接：GitHub页面：https://github.com/Eloston/disable-html5-自动播放变更日志：https://github.com/Eloston/disable-html5-autoplay/releases问题跟踪器：...
html页面audio的autoplay自动播放音乐失败解决方案
qq_30136729的博客
11-22 8967
这几天写了一个网页，想给网页加一个背景音乐，随着页面加载好自动播放，一直实现不了，也没有报错，后来查询资料原来是因为audio设置的autoplay属性，记录一下。 原本 <audio preload autoplay loop id="music"> <source src="/music/bg.mp3" type="audio/mpeg"> </audio> Chrome提示：DOMException: play() failed because the
Chrome 中的自动播放策略&如何设置自动播放
热门推荐
qq_35052138的博客
09-09 2万+
Chrome 中的自动播放策略 为了改善用户体验，谷歌浏览器限制了音视频的自动播放，最大限度地减少广告骚扰，并减少数据消耗 Chrome 66 开始限制了 video 和 audio 元素的自动播放，从 Chrome 71 开始限制了 Web Audio API 的自动播放，因此一些网页游戏和webrtc相关的音视频项目都会相应收到影响 autoplay 虽然限制了自动播放，但是还有一些情况下是允许自动播放的 静音状态下始终允许自动播放 有声音自动播放时： 用户进行了页面点击等与界面发生交互行为
关于video不能自动播放的问题解决
weixin_47159518的博客
10-11 1567
第一种： 用户触发播放：在页面上添加一个明显的播放按钮，引导用户主动点击，或者用户滑动，点击其他元素的时候触发视频播放。这种方法还是要求先有用户操作，如果你的项目需要完全脱离用户操作的自动播放，请参考下面两种方案。当用户手动点击元素时，浏览器会触发真实的鼠标点击事件，并将事件流信息（如鼠标位置等）传递给事件处理程序。方法来模拟点击时，事件是通过代码触发的，并没有真实的鼠标点击发生，也无法传递事件流信息。第二种：通过切换图片模拟视频播放，通过连续修改图片src，视觉上给用户一种播放视频的错觉。
谷歌浏览器video标签自动播放
08-14
回答: 谷歌浏览器的video标签自动播放的问题可以通过在video标签中添加autoplay属性来实现。比如，可以在video标签中添加autoplay属性，像这样: <video autoplay> <source src="video.mp4" type="video/mp4"> </video> 这样，在加载页面时，视频会自动播放。如果希望自动播放的同时静音，可以添加muted属性，像这样: <video autoplay muted> <source src="video.mp4" type="video/mp4"> </video> [2这样，视频会自动播放且没有声音。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [谷歌浏览器不支持audio和video标签自动播放](https://blog.csdn.net/tyf97/article/details/84238456)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [video标签设置了autoplay，自带音频的视频在谷歌浏览器仍无法自动播放](https://blog.csdn.net/EchoLiner/article/details/129565294)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [谷歌浏览器audio标签自动播放音乐问题解决](https://blog.csdn.net/a545132569/article/details/82996445)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值