Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML5 React视频播放器:如何将我的webm文件存储在drobbox之类的地方?_Html_Reactjs_Video_Dropbox - Fatal编程技术网

HTML5 React视频播放器:如何将我的webm文件存储在drobbox之类的地方?

HTML5 React视频播放器:如何将我的webm文件存储在drobbox之类的地方?,html,reactjs,video,dropbox,Html,Reactjs,Video,Dropbox,我正在使用react-html5video制作一个HTML5视频react组件。当.webm视频文件存储在本地时,效果非常好: const Movie = () => <Video controls poster="BSCA_Logo.png"> <source src="/videos/testing.webm" type="video/webm" /> </Video> const Movie=()=> 但我需要

我正在使用
react-html5video
制作一个HTML5视频react组件。当
.webm
视频文件存储在本地时,效果非常好:

const Movie = () =>
    <Video controls poster="BSCA_Logo.png">
        <source src="/videos/testing.webm"  type="video/webm" />
    </Video>
const Movie=()=>
但我需要把我的视频放在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>
const Movie=()=>
然后我得到的错误是“无法在此浏览器中播放视频。”

我甚至尝试过支持多种文件格式:

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>
const Movie=()=>

如果您不能使用Drobbox进行此操作,我应该使用什么来承载我的视频?

您拥有的www链接不会链接到文件数据本身,而是文件的预览页面

尝试使用
raw
URL参数,如下所述:


我在谷歌上搜索了所有的信息,但我无法找到这些文档。正是我想要的。多谢各位!