可用于HTML5 <video>标签src属性的视频托管平台及GD/DB适配方法
解决HTML5
一、让Google Drive视频在
- 先把上传的视频共享权限设置为**「知道链接的任何人都能查看」**
- 复制共享链接,格式一般是
https://drive.google.com/file/d/[文件ID]/view?usp=sharing - 将链接修改为直接资源地址:
https://drive.google.com/uc?export=download&id=[你的文件ID] - 直接填入
<video src="https://drive.google.com/uc?export=download&id=xxxxxx" controls></video>
二、Dropbox视频适配
- 同样先设置视频共享权限为**「任何人可查看」**
- 复制共享链接,格式类似
https://www.dropbox.com/s/[文件ID]/video.mp4?dl=0 - 把链接末尾的
dl=0改成dl=1,得到直接资源链接 - 示例代码:
<video src="https://www.dropbox.com/s/xxxxxx/video.mp4?dl=1" controls></video>
三、可直接提供
- Cloudflare R2:无带宽费用,支持生成公开访问的对象URL,上传视频后直接复制链接即可作为src使用,还能配置CORS解决跨域问题
- AWS S3:创建公开存储桶并上传视频,开启静态网站托管或直接获取对象的公开URL,适配
- Vimeo(免费版):上传视频后在嵌入设置中开启公开访问,可获取直接的视频源链接(免费版有存储空间和流量限制)
- GitHub Pages:适合小体积视频,上传到GitHub仓库后,使用文件的raw链接作为src,注意仓库总容量限制
内容的提问来源于stack exchange,提问作者Giuseppe
相关产品推荐
相关产品推荐

