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

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

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

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

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

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

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

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

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

<video
    src="xxx.mp4"
    autoplay="auto play"
    muted
    controls="controls">
</video>

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

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

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

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

一步

 

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

 

原文地址:https://blog.csdn.net/weixin_44566194/article/details/129550884

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_29072.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注