我使用 React-Player 作为登录页面的背景,但是当在移动设备(而不是桌面)上使用它时,它有时会(并非总是)进入全屏模式并卡在那里。
我使用的视频来自 vimeo,所以我不确定问题是我的 ReactPlayer 配置,还是 vimeo API / SDK 的问题。
<ReactPlayer
key={`video-${videoIdx}`}
url={videoSrcUrl}
className="react-player"
playing={true}
controls={false}
muted={true}
config={{
vimeo: {
iframeParams: { fullscreen: 0 },
autoplay: true,
playsinline: true,
muted: true
},
}}
onReady={() => {
setReady(true)
}}
onEnded={() => {
setReady(false)
}}
/>