如何在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
相关产品推荐
相关产品推荐

