H5的视频解决方案(2) —— chrome自动播放问题

本文探讨了在Chrome浏览器中遇到的视频自动播放失败的问题,详细解释了Chrome的自动播放政策,包括允许静音自动播放和用户互动后的自动播放条件。提供了三种解决方案:静音播放、静音播放并提供关闭静音按钮以及提供播放按钮。同时,介绍了通过Promise判断播放是否被禁止的方法来实现相应功能。
摘要由CSDN通过智能技术生成

2. chrome自动播放问题

(1) 背景和问题

比较明确的是在mobile中,iOS不允许自动播放,但是安卓是可以的。为了兼容性,一般采用的是点击播放按钮播放,或者首次触屏后开始播放

然而最近遇到的问题:在chrome浏览器中页面加载完成之后播放视频会失败,并且出现如下报错:
这里写图片描述

(2) chrome条款

上图中的链接为:https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

了解到在2018年4月Google出台了关于Chrome自动播放的限制,如下:

  • Muted autoplay is always allowed.
  • Autoplay with sound is allowed if:
    • User has interacted with the domain (click, tap, etc.).
    • On desktop, the user’s Me
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值