问题描述
我使用带有cloudinary的react-player来自动播放和循环播放无控制的视频(因此看起来像是gif)。
当前设置为:
<ReactPlayer
url={elem.media_path}
playing={true}
loop={true}
controls={false}
/>
除非加载了控件并手动启动,否则视频将一直播放直到加载完毕。
是否可以在没有控件的情况下自动开始播放视频?
解决方法
取决于您使用的浏览器,但是如果要muted
且没有用户交互,则视频必须为autoplay
。
了解更多信息Chrome的自动播放政策很简单:
- 始终允许静音的自动播放。
- 在以下情况下,允许自动播放声音:
- 用户已与域进行了交互(单击,点击等)。
- 在桌面上,已经超过了用户的“媒体参与指数”阈值,这意味着该用户以前曾播放有声视频。
- 用户已将该网站添加到移动设备上的主屏幕上,或在桌面上安装了PWA。
- 顶级框架可以将自动播放权限委派给其iframe,以允许自动播放声音。