H5纯订阅模式下,您可能会遇到浏览器页面不能自动播放媒体文件,您可以通过本文了解设置视频属性和设置浏览器的解决办法。

常见原因

浏览器为了防止网页在用户非自愿的情况下主动播放声音,对网页上的自动播放(Autoplay)功能做了限制:浏览器在没有用户交互操作之前不允许有声音的媒体播放。

受浏览器策略影响,Chrome 70+、Safari、Firefox等浏览器新版本都不支持带声音的媒体文件自动播放,需要您在网页上手动触发才能播放媒体文件。

解决方法

您可以使用如下三种方法,解决浏览器不能播放媒体文件的问题。

  • 将用于显示视频的video设置autoplay和muted属性。静音后视频可以正常播放,您可以将video.muted设置为false(不能调用setAttrbutes方法)。
  • 不对显示视频的video设置aotuplay和muted属性。视频会停留在第一帧(可能是黑屏状态),建议您增加video封面(如果获取不到第一帧,会显示封面),然后引导用户单击浏览器页面,单击后调用video.play()进行播放。
  • 如果仅有几个人使用浏览器进行播放媒体文件,例如视频直播网站的管理员,建议您可以进行浏览器设置来播放媒体文件。
    说明 每次打开浏览器都需要引导用户进行单击操作,而通过浏览器设置可以一次性解决这个域名下所有页面自动播放的问题,您可以参考下文进行浏览器设置(浏览器版本不同,设置方法可能不同,本文的浏览器设置方法仅供参考,具体操作请您以实际为准)。

Chrome浏览器

您需要访问Chrome浏览器的网站设置,然后将声音项改为允许。
  1. 单击浏览器的网站设置Chrome浏览器
  2. 将声音更改为允许Chrome浏览器

Safari浏览器

在Safari浏览器的设置中,将自动播放选项改为允许全部自动播放。
  1. 在网址栏单击此网站的设置...Safari浏览器
  2. 将自动播放更改为允许全部自动播放Safari浏览器

Firefox浏览器

您可以在保护设置中,将自动播放修改成允许音频和视频。
  1. 在地址栏单击保护设置Firefox浏览器
  2. 单击自动播放的设置Firefox浏览器
  3. 更改为允许音频和视频Firefox浏览器