reactjs - 使用 react-player npm 视频不会在 IOS 上自动播放

Question

我想在用户访问页面时播放视频，它适用于除 IOS 之外的所有平台。我正在使用反应播放器npm。我尝试通过传递 muted 属性但不起作用。

我的代码看起来像这样

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

提前致谢 ！

Answer 1

我认为您需要根据https://webkit.org/blog/6784/new-video-policies-for-ios/playsinline以非全屏方式自动播放 iOS 的属性：

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

react-player 支持它作为道具。

Answer 2

注意我是大写的playsInline

// Example #1
<video playsInline />


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