我正在ReactPlayer中播放一个视频，该视频在<video>标签中生成HTML5视频。它不适用于移动设备(在iPhone 8 iOS 13.5.1上的Safari，Chrome和Firefox上进行了测试(
我看到了这个问题，它让我知道禁用autoplay并为移动设备添加playsinline，但它仍然对我不起作用。我正在拉取的文件(如果相关(托管在Google Cloud Storage上。
<div id="ReactPlayer" style="margin: auto; border-radius: 10px; min-height: 360px; min-width: 640px; display: block; width: 80%; height: 80%;">
<video src="link_to_my_video" preload="auto" controls="" playsinline="" webkit-playsinline="" x5-playsinline="" style="width: 100%; height: 100%;">
</video>
</div>
有谁知道如何让它在手机上播放？谢谢
编辑
如果有帮助，我的链接看起来像
"https://firebasestorage.googleapis.com/v0/b/my-mvp.appspot.com/o/videos%sub-folder?alt=media&token=my_token"
它拉入的视频是一个.webm文件
对我来说，有效的方法是使用mp4而不是webm录制视频。这打开了Chrome只能使用webmMIME类型进行录制的问题，因此您基本上是在Chrome上录制和在移动设备上查看之间进行选择。我没有明确的答案使视频在所有浏览器中通用
我将保留这个问题，希望有人能提出更好的解决方案