如何将视频嵌入GitHub README.md？
ma1*_*w28 192 embed flash markdown github
是否可以在GitHub上将Flash视频嵌入README.md？它没有出现:https://github.com/mattdipasquale/PicSciP
Gab*_*oux 221
我强烈建议将视频放在使用GitHub Pages而不是自述文件创建的项目网站中,如VonC的回答所述 ; 它会比任何这些想法都好很多.但是如果您需要像我需要的那样快速修复,这里有一些建议.
使用gif
看到aloisdg的答案,结果很棒,gifs在github的自述文件上呈现;)
使用视频播放器图片
你可以欺骗用户认为视频在自述页面上有图片.这听起来像是一个广告技巧,它并不完美,但它有效并且很有趣;).
例:
[](https://youtu.be/vt5fpE0bzSY)
结果:
使用youtube的预览图片
您也可以使用youtube生成的图片为您的视频.
对于youtube网址的形式:
https://www.youtube.com/watch?v=<VIDEO ID>
https://youtu.be/<VIDEO 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允许您记录终端会话并具有良好的降价嵌入.
点击分享按钮并复制降价片段.
例:
[](https://asciinema.org/a/113463)
结果:
- 还有一些很酷的工具可以从您的 asciicast 中创建 gif 或动画 svg 图像（例如 https://github.com/marionebl/svg-term-cli ）；-) (3认同)
- 似乎只允许某些视频网址，例如：指向您的存储库内部的网址/以“https://user-images.githubusercontent.com”开头的网址。\ 并且它必须只是一行 url，没有其他语法。\ （使用 html `<video>` 没有任何作用。） \ 否则它就会被忽略。 (2认同)
Von*_*onC 106
" Github Flavored Markdown "不支持任何页面的此类功能:
一个旧的支持主题"在markdown文件中嵌入YouTube视频"声明:
有
pages.github.io,是的,到处都是,没有.
(注意:详见" Github顶级项目页面 ",github.io是自2013年4月以来用户和组织页面的新域.
此页面显示了GitHub页面)
这可能是语法突出显示的功能请求.
例如:" 降价中的HTML5视频 "(2010年8月):
有没有办法在
README.markdown文件中实现HTML5视频？目前还没有,但我们可能会在将来扩展您使用README的功能.
在此期间,您可以使用GitHub Pages和我们的Wiki来完成此操作.
Benjamin Oakes在评论中证实了这一点(2012年5月):
我发送了支持请求.回应是不支持嵌入视频.
- 在某个地方是否存在我可以投票的公共问题？ (11认同)
- 这似乎不适用于 mp4。 (5认同)
- 这些联系似乎被打破了; 他们现在带我去https://github.com/contact.有没有人可以访问存档版本？我很难将其从Google缓存或Wayback Machine中删除. (2认同)
- 无论如何，维基页面中的 HTML5 视频似乎不再有效。 (2认同)
- @hyipscript实际上不确定:引用来自一个5年的GitHub支持线程(我已经恢复了答案中的链接),来自[Chris Wanstrath - defunkt](https://github.com/defunkt),一个GitHub的联合创始人.我没有更多细节. (2认同)
alo*_*ica 88
我将Alexandre Jasmin和Gab Le Roux的答案结合在一起:
[](https://www.youtube.com/watch?v=ek1j272iAmc)
演示:
你可以在github上看到这个演示.
我在这里使用gifyoutube,但我建议使用本地gif转换器(如ffmpeg,请参阅如何)而不是在线转换器.
要直接将屏幕录制到gif,您可能需要检查ScreenToGif.
- 我认为这应该是选定的答案。这是您所能得到的最接近视频的方式，对大多数人来说，它*是*视频。什么是视频？静止帧按顺序移动，给我们一种它正在播放的错觉。动画 gif 是一样的东西...虽然 OP 专门要求提供 Flash 视频，这是不可能的，但您可以使用此方法将 Flash 视频转换为动画 gif。 (2认同)
- 先生是一位聪明人；我现在到处都用这个。您可能想添加要选择的网址，即直接网址（但我找不到 share.gifyoutube.com 网址） (2认同)
- [Licecap](http://www.cockos.com/licecap/) 对于mac用户来说是一个很好的screentogif替代品！ (2认同)
mah*_*mnj 48
不知道为什么没有人提到这种在今天（2022 年）有效的最简单的方法。您可以在 Github 上的任何地方使用以下语法，包括 markdown 文件，例如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 评论，表明这是可行的。
- 目前似乎无法在 Github Readme.md 中使用 Vimeo 视频。还会破坏视频标签后的所有后续降价。 (22认同)
- 我尝试使用这种技术将存储库中的视频直接嵌入到页面中，而 github 似乎完全剥离了视频标签。 (9认同)
- @MRule它有效，你只需要关闭视频标签，例如 `<video src="https://user-images.githubusercontent.com/126239/151127893-5c98ba8d-c431-4a25-bb1f-e0b33645a2b6.mp4"> </video>` 示例在这里 https://github.com/mfitzp/diffcast (7认同)
- 它显示了视频，但由于某种原因，高度和宽度不适合我。 (4认同)
Ale*_*min 24
对于简单的动画,您可以使用GIF动画.我在这个README文件中使用了一个.
- 好的工作,直到github带来这个功能. (2认同)
- @Paul不，正如我几个月前所了解的那样，他们没有为此工作。请随意提出这个问题！https://github.com/github/markup/issues/538 (2认同)
Jam*_*R T 14
尽管这是一篇旧帖子，但我认为在此线程中已经存在的非常有用的解决方法之上，提及此问题的附加（部分和切线）解决方案会有所帮助。
在写这篇文章（2021 1月6日）的时候，GitHub上发布了功能上载.mp4和.mov文件总大小的问题，引入请求和讨论意见10 MB（如共享这里）。这是一个直接嵌入，而不是像我们通常做的那样“链接”到外部 URL。它已经超出公开测试版。您可以通过拖放、选择或粘贴来附加文件。可以在此处查看 GitHub 新通知的预览：
或许，在未来，我们可以慢慢推动 GitHub 最终将这个原生功能也扩展到 README 中。
- README 文件中怎么样？有人能做到吗？ (3认同)
- 接受的答案表明支持 README - 上传工作正常，嵌入不适用于 mp4 (3认同)
B.K*_*cis 12
只是为了扩展@GabLeRoux 的回答：
[<img src="https://img.youtube.com/vi/<VIDEO ID>/maxresdefault.jpg" width="50%">](https://youtu.be/<VIDEO ID>)
通过这种方式，您将能够在 Github 存储库上的 README.md 文件中调整缩略图的大小。
这是一篇旧帖子，但我一直在寻找答案，我发现了这个：https : //gifs.com。只需上传视频，然后它就会创建一个 gif，我们可以在 github markdown 中轻松添加。我试过了，gif的质量很好。
小智 5
拖放 MP4 视频，如上面许多其他解决方案中所述，但要让视频良好显示并嵌入，需要做一件重要的事情：在将视频拖放到您的网站后不久显示的URL 上方留一个空行。部分，像这样：
**Before:**
Here is the video of a bug:
https://and-here-comes-the-url
some other text...
这样你就会得到预期的结果。
我挣扎了很长时间（因为这个功能在 GitHub 上可用）直到今天才找到这个！在不留空行的情况下，拖放从来没有让我达到预期的外观：视频根本不显示嵌入式，只出现一个网址。所以如果你这样做...
**Before:**
Here is the video of a bug:
https://and-here-comes-the-url
some other text...
你会得到这个结果。
这也适用于将视频添加到 GH 评论以及 GH 上的任何地方。希望这可以帮助。
| 归档时间： |
|
| 查看次数： |
109370 次 |
| 最近记录： |