是否可以在README中嵌入一个flash视频。md在GitHub?它没有显示:https://github.com/mattdipasquale/PicSciP
当前回答
扩展一下@GabLeRoux的回答:
[<img src="https://img.youtube.com/vi/<VIDEO ID>/maxresdefault.jpg" width="50%">](https://youtu.be/<VIDEO ID>)
这样你就可以在README中调整缩略图的大小。md文件在你的Github回购。
其他回答
这样做的一个好方法是使用任何在线的mp4到gif转换器将视频转换为gif。 然后,
步骤:1在存储库中创建一个文件夹,可以存储所有想要显示的图像和视频。
步骤:2然后复制视频或图像的链接在存储库中,你试图显示。例如,你想从链接(https://github.com/Faizun-Faria/Thief-Robber-Landlord-Police/blob/main/Preview/gif_english.gif)显示游戏过程的视频。 您可以简单地在README中编写以下代码。Md文件显示gif:

不知道为什么没有人提到这种截至今天(2022年)仍然有效的最简单的方法。 你可以在Github上的任何地方使用下面的语法,包括像Readme.md这样的标记文件
<video src='your URL here' width=180/>
如果您想并排显示两个视频
caption1 | caption2
:-: | :-:
<video src='video1.mov' width=180/> | <video src='video2.mp4' width=180/>
这适用于mov和mp4视频(已测试)
这是一个github评论,显示这是有效的。
在ReadMe中添加视频文件的url。
Github现在支持视频,查看更多详细答案:https://stackoverflow.com/a/4279746/1092815
你可以在这里看到一个活生生的例子(见自述文的末尾): https://github.com/alelievr/Mixture/blob/0.4.0/README.md
Github页面
我强烈建议将视频放在一个用GitHub Pages创建的项目网站上,而不是像VonC的回答中描述的那样;它将比这些想法都要好得多。但如果你像我一样需要快速解决问题,这里有一些建议。
使用gif
看到aloisdg的答案,结果是很棒的,gif在github的自述me上渲染;)
使用视频播放器图片
你可以用图片欺骗用户,让他们以为视频在自述页面上。这听起来像一个广告技巧,它并不完美,但它有效,而且很有趣;)
例子:
[](https://youtu.be/vt5fpE0bzSY)
结果:
使用youtube的预览图片
你也可以在视频中使用youtube生成的图片。
用于youtube网址的格式为:
https://www.youtube.com/watch?v=<VIDEO ID>
https://youtu.be/<VIDEO URL>
预览url的形式是:
https://img.youtube.com/vi/<VIDEO ID>/maxresdefault.jpg
https://img.youtube.com/vi/<VIDEO ID>/hqdefault.jpg
例子:
[](https://youtu.be/T-D1KVIuvjA)
结果:
用asciinema
如果你的用例是在终端中运行的,asciinema可以让你记录一个终端会话,并且有很好的markdown嵌入。
点击分享按钮并复制标记下来的代码片段。
例子:
[](https://asciinema.org/a/113463)
结果:
使用以下步骤对我有用(这些都是在我的mac上本地完成的-所以没有必要在在线工具上共享内容):
我使用Mac上的QuickTime Player对我的Android模拟器(手机)进行了屏幕录制,并将其保存在文件recording.mov中 然后从我的终端使用以下命令将。mov转换为。gif(需要安装ffmpeg, gifsicle) Ffmpeg -i录音。Mov -pix_fmt rgb24 -r 10 -f GIF - | gifsicle ——optimize=3——delay=3 > out.gif 然后,我可以轻松地将视频的gif文件(out.gif)添加到我的README中,文件大小不那么大。Md直接在github.com上
这是第一个解决方案的老帖子和TLDR:
我刚刚打开了“编辑”我的Readme.md 拖放视频在自述编辑部分。 等待它上传并给你一个类似https://user-images.githubusercontent.com/的URL… 看预览,它只是工作!
Eg:
自述:https://github.com/s8sachin/subtitler/blob/master/README.md
Raw: https://raw.githubusercontent.com/s8sachin/subtitler/master/README.md
注意:
该文件不会存储在您的回购。 Webm不适合我,我用mp4代替。
推荐文章
- 乳胶渲染在README。md在Github上
- 在Markdown Jekyll中使用图像说明
- 如何修改GitHub拉请求?
- 如何在Github和本地删除最后n次提交?
- 如何将文件附加到GitHub问题?
- Slack Markdown链接没有解决
- 如何添加谷歌分析跟踪ID到GitHub页面
- 差异语法突出显示在Github Markdown
- 我如何创建一个文本框的笔记在markdown?
- /dist目录在开源项目中的意义是什么?
- 我如何从现有回购的分支创建一个新的GitHub回购?
- 在git中压缩提交是什么意思?
- 如何在GitHub上找到存储库项目的创建日期?
- 如何设置一个git项目使用外部回购子模块?
- 在Markdown中创建一个没有标题的表