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

如何在GitHub Markdown中像GIF一样内联播放视频?

GitHub Markdown 实现视频类GIF内联自动播放效果

完全可以不用转成GIF,直接在GitHub Markdown里实现.mp4、.webm、.mov格式视频的内联自动循环播放,核心是用HTML的<video>标签替代常规的Markdown媒体语法——GitHub支持内嵌部分HTML标签来扩展功能。

具体操作很简单,直接在README或Markdown文件里插入带属性的<video>代码块就行,关键要加几个必选属性:

  • autoplay:触发页面加载后自动播放
  • loop:让视频循环播放
  • muted:必须添加,这是GitHub的限制,只有静音视频才能自动播放
  • playsinline:确保视频在页面内播放,不会跳转到全屏播放器(移动端尤其重要)

示例代码如下:

<video autoplay loop muted playsinline>
  <source src="demo.mp4" type="video/mp4">
  <source src="demo.webm" type="video/webm">
  <source src="demo.mov" type="video/quicktime">
</video>

注意事项:

  • 视频文件要放在你的GitHub仓库里,路径用相对路径即可(比如和README同目录就直接写文件名)
  • 如果只需要单个格式的视频,删掉多余的<source>标签就行

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.21 20:09:11