0

我在ReactPlayer中播放一个视频，它在标签中生成一个 HTML5 视频<video>。它不适用于移动设备（在 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文件

4

1 回答 1

0

对我来说，有效的方法是使用mp4而不是webm. 这会引发 Chrome 只能使用webmMIME 类型进行录制的问题，因此您实际上是在 Chrome 上录制和在移动设备上查看之间进行选择。关于使视频在所有浏览器中通用，我没有明确的答案

我将保留这个问题，希望有人能提出更好的解决方案

于 2020-07-08T11:56:45.423 回答