解决谷歌浏览器无法自动播放HTML文件的声音和视频问题的方法 - 网站

解决谷歌浏览器无法自动播放HTML文件的声音和视频问题的方法

分类:WEB前端开发工具使用教程 · 发布时间:2023-11-29 16:45 · 阅读:5865

解决谷歌浏览器无法自动播放HTML文件的声音和视频该怎么办?今天我们就来提供两种解决办法,详细请看下文介绍

由于google的一些制度,我们在写html5项目时会发现刷新页面时无法自动播放audio和video,即使你添加了autoplay属性也无济于事,下面提供两种解决方案

首先,先检测一下浏览器是否能支持自动播放,点击下方链接进行检测:

https://video-dev.github.io/can-autoplay/

本人检测的谷歌浏览器结果是:

结果显示,谷歌浏览器不能支持有声自动播放视频和音频,包括内联的视频,但静音的视频是支持支持自动播放的,但静音的音频功能依旧无法使用。

本人在网上搜寻了很多方法,最后发现几个关键点:

① 首先是谷歌浏览器的相关政策,自从 Chrome 66 开始限制了 video audio 元素的自动播放,从 Chrome 71 开始限制了 Web Audio API 的自动播放,因此一些网页游戏和 webrtc 相关的音视频项目都会相应受到影响。

本人使用的 Chrome 浏览器版本显然是被限制了自动播放的

②  那么 如何解决这一问题,先说说本人网上搜集的方法:

方法一:

首先是视频自动播放的问题,常规的方法是给 video 标签增添 muted 属性 

这样就能静音自动播放视频了。

第二种方法:只适用 Chrome 66 以下的版本

打开 chrome 浏览器,地址栏中输入:chrome://flags。在页面内搜索栏中写入:Autoplay policy,并将默认为“Default”,修改为 “No user gesture is required” 后,重启浏览器。

但 Chrome 66 以上的版本貌似搜索不到 Autoplay policy ,因此无法使用第二种方法。

③ 本人在摸爬滚打了两天后,找到了一种掩耳盗铃的方法,就是修改浏览器的设置,找到声音设置:

第一步:

第二步:添加对应的网站地址或者html 代码,允许其播放声音。

以上就是解决谷歌浏览器无法自动播放HTML文件的声音和视频问题的方法,希望大家喜欢,请继续关注0133技术站。

相关推荐:

谷歌浏览器升级后怎么还原? Chrome浏览器降级到旧版本的方法

谷歌浏览器网页显示不全怎么处理? 解决chrome网页显示不全的方法

谷歌浏览器网页显示不全怎么处理? 解决chrome网页显示不全的方法

标签:
谷歌 浏览器 自动播放 视频

相关文章

WPS如何删除空白页 WPS删除空白页的方法

在编辑文档时,我们可能会遇到空白页的情况,下面我将介绍几种删除WPS空白页的方法,有需要的朋友一起来了解一下吧

wps如何恢复老版本 wps恢复到旧版本的教程

wps如何恢复老版本?wps升级以后,发现用不习惯,想要退回到老版本,该怎么操作呢?下面我们就来看看wps恢复到旧版本的教程

wps和word一样吗? wps和word的区别介绍

很多用户不知道Word和WPS两款软件的区别?分别了解了这两个软件是什么之后,我们就可以为你介绍Word和WPS的区别,详细请看下文介绍

WPS怎么打开pdf文档? WPS导入PDF文件的技巧

WPS怎么打开pdf文档?wps中想要导入pdf文档,该怎么操作呢?下面我们就来看看WPS导入PDF文件的技巧

wps如何还原设置? WPS恢复默认设置的技巧

wps如何还原设置?wps设置过后想要恢复原来的设置,该怎么操作呢?下面我们就来看看WPS恢复默认设置的技巧

返回分类 返回首页