使用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/demo-video.mp4)
预览图可直接存在仓库普通目录,不需要走LFS存储,能大幅提升README加载速度
方法3:平台简化嵌入语法
部分托管平台支持更简单的原生视频嵌入语法,无需编写HTML,直接填写LFS视频的仓库路径即可自动识别为可播放组件:
[功能演示视频](assets/demo-video.mp4)
该方案的兼容性随托管平台不同存在差异,可先在对应平台做小范围测试确认生效
内容的提问来源于stack exchange,提问作者Elizabeth
相关产品推荐
相关产品推荐

