React-player 在没有控件的情况下自动播放视频

Question

我正在使用带有 cloudinary 的 react-player 来自动播放和循环播放没有控件的视频（所以它看起来像一个 gif）。

首选项当前设置为：

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

除非控件已打开并且您手动启动视频，否则视频在加载之前不会播放。

是否可以在没有控件的情况下自动启动视频？

Answer 1

取决于您使用的浏览器，但如果您想在没有用户交互的情况下autoplay，视频必须是muted。

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

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

您可以在Google Developers - Autoplay Policy Changes阅读更多信息