如何在网站上展示存储于Box中的文件(如视频)
在公共网站直接预览Box存储的视频/文件(无需下载或Box预览窗口)
可行方案
1. 官方嵌入预览(推荐)
这是Box官方支持的稳定方式,可直接在你的网站内渲染文件,无需跳转或下载:
- 打开Box平台找到目标文件,开启公开共享权限(设置为「任何人可查看」)
- 在文件详情页点击「嵌入」选项,复制生成的iframe代码
- 将iframe代码直接插入到公共网站页面中,即可实现浏览器内直接预览(视频会自带播放控件)
2. 自定义原生预览(针对视频类文件)
如果想摆脱iframe,用HTML原生媒体标签实现预览,可通过Box API生成直接预览URL:
- 调用Box Files API的
GET /files/{file_id}/content接口,添加preview=true参数 - 公开共享文件可使用公共访问令牌认证;私有文件需用户授权的OAuth2令牌
- 将生成的URL作为
<video>标签的src属性,示例代码:
<video controls width="640" height="360"> <source src="生成的Box预览URL" type="video/mp4"> </video>
注意事项
- 必须确保文件共享权限为公开可访问,否则第三方网站无法加载资源
- 视频文件建议使用MP4、WebM等浏览器原生支持的格式,避免解码问题
- API方式需处理跨域请求,若遇CORS错误,可配置Box的CORS规则或通过后端代理转发请求
内容的提问来源于stack exchange,提问作者digitalguy99
相关产品推荐
相关产品推荐

