Question

我正在使用react-html5video制作HTML5视频反应组件。当.webm视频文件存储在本地时，它很有用：

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

但是我需要将我的视频托管在像Drobbox，Google Drive甚至YouTube这样的地方。谷歌说我可以这样做，所以我尝试这样：

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

然后我得到错误，是＆＃34;视频无法在此浏览器中播放。＆＃34;

我甚至尝试过支持多个文件格式：

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链接，而是链接到文件的预览页面。

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

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

HTML5-React-Video-Player：如何将我的webm文件存储在像drobbox这样的地方？

1 个答案: