HTML5-React-Video-Player：如何将我的 webm 文件存储在类似 dropbox 的地方？

Question

我正在使用 react-html5video 制作一个 HTML5 视频反应组件。当 .webm 视频文件存储在本地时效果很好：

const Movie = () =>
    <Video controls poster="BSCA_Logo.png">
        <source src="/videos/testing.webm"  type="video/webm" />
    </Video>

但我需要将我的视频托管在 Drobbox、Google 云端硬盘甚至 YouTube 等地方。谷歌搜索说我可以这样做，所以我这样尝试：

const Movie = () =>
    <Video controls poster="BSCA_Logo.png">
        <source src="https://www.dropbox.com/s/mhlkapg2280e5/testing.webm"  type="video/webm" />
    </Video>

然后我得到的错误是 "Video cannot be played in this browser."

我什至尝试过支持多种文件格式：

const Movie = () =>
    <Video controls poster="BSCA_Logo.png">
        <source src="https://www.dropbox.com/s/mfbhlkapg2280e5/testing.webm" type="video/mp4" />
        <source src="https://www.dropbox.com/s/mfbhlkapg2280e5/testing.webm"  type="video/ogg" />
        <source src="https://www.dropbox.com/s/mfbhlkapg2280e5/testing.webm"  type="video/webm" />
    </Video>

如果您不能为此目的使用 Drobbox，我应该使用什么来托管我的视频？

Answer 1

您拥有的 www link 并不是 link 文件数据本身，而是文件的预览页面。

尝试使用此处记录的 raw URL 参数：

https://www.dropbox.com/help/201

HTML5-React-Video-Player：如何将我的 webm 文件存储在类似 dropbox 的地方？

HTML5-React-Video-Player: How to store my webm files somewhere like drobbox?

html

video

dropbox

reactjs