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参数,如下所述:
我在谷歌上搜索了所有的信息,但我无法找到这些文档。正是我想要的。多谢各位!