没有控件加载时，React-player自动播放视频

如何解决没有控件加载时，React-player自动播放视频

我使用带有cloudinary的react-player来自动播放和循环播放无控制的视频（因此看起来像是gif）。

当前设置为：

<ReactPlayer 
    url={elem.media_path}
    playing={true} 
    loop={true} 
    controls={false}
/>

除非加载了控件并手动启动，否则视频将一直播放直到加载完毕。

是否可以在没有控件的情况下自动开始播放视频？

解决方法

取决于您使用的浏览器，但是如果要muted且没有用户交互，则视频必须为autoplay。

Chrome的自动播放政策很简单：

• 始终允许静音的自动播放。
• 在以下情况下，允许自动播放声音：
  • 用户已与域进行了交互（单击，点击等）。
  • 在桌面上，已经超过了用户的“媒体参与指数”阈值，这意味着该用户以前曾播放有声视频。
  • 用户已将该网站添加到移动设备上的主屏幕上，或在桌面上安装了PWA。
• 顶级框架可以将自动播放权限委派给其iframe，以允许自动播放声音。

您可以在Google Developers - Autoplay Policy Changes

了解更多信息