在我的网站上播放存储在 Google 云存储中的大型 .mp4 视频

Question

我希望有人能帮助我解决我遇到的问题，这里是摘要：

我已经在我的 Google 云存储中上传了一些大约 30 分钟长的 .mp4 视频。我制作了 bucket/objects public，并尝试在我的网站上像这样播放文件：

<video
   ref={vid}
   autoPlay={true}
   controls={true}
>
   <source src={"https://storage.googleapis.com/mybucket/file.mp4"} type={"video/mp4"} />
</video>

视频元素，只播放音频不播放视频。它看起来像这样： image

据我了解，存储在云中任何位置的 .mp4 应该与任何常规 .mp4 文件一样。然而，情况似乎并非如此。

我正在寻找一个免费的解决方案，但我已经尝试使用 Mux 为我流式传输 .mp4 文件。这行得通。这让我相信我可能需要一种服务来为我传输 .mp4 文件。

有人可以帮忙吗？我宁愿不使用 Mux。有没有办法直接从我的 google 云中流式传输 .mp4 而无需额外服务？或者是否有其他我可以使用的云存储服务可能允许这样做？我大约有 ~50gb 的个人视频。

非常感谢任何帮助，谢谢。

Answer 1

.mp4 文件的问题是它们没有针对网络进行优化。 Link 可以在此处找到根本原因解释和解决方案：HTML5 - How to stream large .mp4 files?

在我的网站上播放存储在 Google 云存储中的大型 .mp4 视频

Play large .mp4 video stored on Google Cloud Storage from on my website

javascript

video-streaming

mux