使用react-player npm 无法在 IOS 上自动播放视频

Question

我想在用户访问该页面时播放视频，它在除 IOS 之外的所有平台上都能正常工作。 我正在使用 react-player npm。我尝试过传递静音属性，但不起作用。

我的代码看起来像这样

<ReactPlayer playing=true url="video_url" muted loop=true />

提前致谢！

Answer 1

您需要

playsinline

属性才能在非全屏模式下实现 iOS 自动播放，具体如下 https://webkit.org/blog/6784/new-video-policies-for-ios/:

在 iPhone 上，元素现在可以内嵌播放，并且在播放开始时不会自动进入全屏模式。 没有 Playsinline 属性的元素将继续需要全屏模式才能在 iPhone 上播放。

react-player

支持它作为道具。

Answer 2

在文档中

playsinline

现在似乎是小写的。

Answer 3

注意 I 是大写的

playsInline

// Example #1
<video playsInline />


// Example #2
<Player playsInline attr={someValue}>