如何从 Firebase 存储加载视频并将它们 return 作为 React 组件?

How to load videos from Firebase Storage and return them as React component?

我的 firebase 存储中存储了一个视频,我可以从 firebase 下载 URL 并尝试这样做:

const App = () => {
  var videoRef = storage.ref('myVideo.mp4')
  return (
    <video width="750" height="500" controls>
      <source src={videoRef.getDownloadURL()} />
    </video>
  )
}

控制台中没有出现任何错误,但没有加载视频。

有办法吗?

提前致谢!

如果您只想播放一个视频,您可以转到保存该视频的 Firebase 存储。单击它,在您的右侧您将看到名称 属性。右键单击下面的 link 并复制 link 地址。 然后你可以这样做:

<source src="put the link here" />