react-player无法自动播放解决办法

文章描述

react播放器: react-player无法自动播放解决办法, 为什么设置了react-player自动播放也无法播放?我是来凑seo文字的,直接看下文

import ReactPlayer from 'react-player';
....
<ReactPlayer
      url={loadingVideo}
      loop={true}
      playing={true}
      controls={false}
/>

明明设置了自动播放?为什么还不行;这是因为现在各家浏览器对于自动播放视频越来越严重,防止广告泛滥;对于Google的策略,可以查看 https://developer.chrome.com/blog/autoplay/

翻译过来是这样:

Chrome的自动播放策略很简单:

  • 始终允许静音自动播放。
  • 在以下的情况下,允许自动播放声音:
  • 顶部帧可以将自动播放权限委托给他们的iframe,以允许自动播放声音

 

 

所以修改起来就很简单了,添加静音播放即可

import ReactPlayer from 'react-player';
....
<ReactPlayer
      url={loadingVideo}
      loop={true}
      playing={true}
      controls={false}
      volume={1}
      muted={true}
/>

 

评论(共1条)