是否可以在README中嵌入一个flash视频。md在GitHub?它没有显示:https://github.com/mattdipasquale/PicSciP
当前回答
我把Alexandre Jasmin和Gab Le Roux的回答结合起来:
[](https://www.youtube.com/watch?v=ek1j272iAmc)
演示:
你可以在github上看到这个演示。
我在这里使用gifyoutube,但我建议使用本地gif转换器(如ffmpeg,看看如何)而不是在线转换器。
要直接将屏幕记录到gif,您可能需要检查ScreenToGif。
其他回答
最简单的方法应该是:
打开联机自述文件。医学编辑 将视频文件拖动到显示“通过拖放来附加文件…”的框中。 您将看到源代码中添加了一个链接。只需用HTML包装它。如。, <video src="https://user-images.githubusercontent.com/aaa.mp4"></video>
在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)
结果:
这是一个老帖子,但它帮助了我。非常直接-只需从finder mp4文件拖放到Github ReadMe(编辑版)直接。
https://www.geeksforgeeks.org/how-to-add-videos-on-readme-md-file-in-a-github-repository/?id=discuss
我把Alexandre Jasmin和Gab Le Roux的回答结合起来:
[](https://www.youtube.com/watch?v=ek1j272iAmc)
演示:
你可以在github上看到这个演示。
我在这里使用gifyoutube,但我建议使用本地gif转换器(如ffmpeg,看看如何)而不是在线转换器。
要直接将屏幕记录到gif,您可能需要检查ScreenToGif。
不知道为什么没有人提到这种截至今天(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。md在Github上
- 在Markdown Jekyll中使用图像说明
- 如何修改GitHub拉请求?
- 如何在Github和本地删除最后n次提交?
- 如何将文件附加到GitHub问题?
- Slack Markdown链接没有解决
- 如何添加谷歌分析跟踪ID到GitHub页面
- 差异语法突出显示在Github Markdown
- 我如何创建一个文本框的笔记在markdown?
- /dist目录在开源项目中的意义是什么?
- 我如何从现有回购的分支创建一个新的GitHub回购?
- 在git中压缩提交是什么意思?
- 如何在GitHub上找到存储库项目的创建日期?
- 如何设置一个git项目使用外部回购子模块?
- 在Markdown中创建一个没有标题的表