如何将视频嵌入到GitHub README.md?

是否可以在README中嵌入一个flash视频。md在GitHub?它没有显示:https://github.com/mattdipasquale/PicSciP

当前回答

不知道为什么没有人提到这种截至今天(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评论，显示这是有效的。

其他回答

不知道为什么没有人提到这种截至今天(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评论，显示这是有效的。

最简单的方法应该是:

打开联机自述文件。医学编辑将视频文件拖动到显示“通过拖放来附加文件…”的框中。您将看到源代码中添加了一个链接。只需用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上渲染;)

使用视频播放器图片

你可以用图片欺骗用户，让他们以为视频在自述页面上。这听起来像一个广告技巧，它并不完美，但它有效，而且很有趣;)

例子:

[![Watch the video](https://i.imgur.com/vKb2F1B.png)](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

例子:

[![Watch the video](https://img.youtube.com/vi/T-D1KVIuvjA/maxresdefault.jpg)](https://youtu.be/T-D1KVIuvjA)

结果:

用asciinema

如果你的用例是在终端中运行的，asciinema可以让你记录一个终端会话，并且有很好的markdown嵌入。

点击分享按钮并复制标记下来的代码片段。

例子:

[![asciicast](https://asciinema.org/a/113463.png)](https://asciinema.org/a/113463)

结果:

对于简单的动画，你可以使用gif动画。例如，我在这个README文件中使用了一个。

扩展一下@GabLeRoux的回答:

[<img src="https://img.youtube.com/vi/<VIDEO ID>/maxresdefault.jpg" width="50%">](https://youtu.be/<VIDEO ID>)

这样你就可以在README中调整缩略图的大小。md文件在你的Github回购。

推荐文章