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}
/>