You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用Git LFS上传视频后如何在项目README中直接展示内容

README嵌入Git LFS存储视频的可行方案

方法1:HTML <video> 标签嵌入

主流代码托管平台(GitHub、GitLab、Gitee等)的README渲染器均原生支持HTML video标签,可直接调用LFS中存储的视频资源,无需引入外部服务。
使用示例:

<!-- width可根据需要调整,controls参数会显示播放/音量/全屏等控制按钮 -->
<video width="800" controls>
  <!-- src填写视频在仓库中的相对路径或仓库内原始文件直链 -->
  <source src="assets/demo-video.mp4" type="video/mp4">
  当前浏览器不支持视频播放控件
</video>

如果使用webm、ogg等其他视频格式,同步修改type属性的对应值即可

方法2:预览图关联视频

针对超大体积视频,为了避免README首屏加载过慢,可以先截取视频预览缩略图,点击图片即可跳转播放LFS内的视频:
使用示例:

<!-- 括号内分别为预览图路径、LFS视频路径 -->
[![视频预览](assets/video-preview.jpg)](assets/demo-video.mp4)

预览图可直接存在仓库普通目录,不需要走LFS存储,能大幅提升README加载速度

方法3:平台简化嵌入语法

部分托管平台支持更简单的原生视频嵌入语法,无需编写HTML,直接填写LFS视频的仓库路径即可自动识别为可播放组件:

[功能演示视频](assets/demo-video.mp4)

该方案的兼容性随托管平台不同存在差异,可先在对应平台做小范围测试确认生效


内容的提问来源于stack exchange,提问作者Elizabeth

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.07 04:30:02