我写了一个Chrome浏览器扩展，xhub，它允许你在GitHub页面中嵌入YouTube视频(和其他东西)。

在这里买。然后加上这样的东西

A video:
```youtube-embed
{
   "width": "560",
   "height": "315",
   "src": "https://www.youtube.com/embed/dQw4w9WgXcQ",
   "title": "YouTube video player",
   "frameborder": "0",
   "allow": "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
   "allowfullscreen": true
}
```

你的降价代码。它给你

添加一个缩略图链接，最初被YouTube使用是一个解决方案，这是可行的。 YouTube使用的缩略图可以通过以下方式访问:

如果官方视频链接是: https://www.youtube.com/watch?v=5yLzZikS15k 然后缩略图是: https://img.youtube.com/vi/5yLzZikS15k/0.jpg

按照这种逻辑，下面的代码产生了完美的结果:

< div对齐=“左”> < a href = " https://www.youtube.com/watch?v=5yLzZikS15k " > <img src="https://img.youtube.com/vi/5yLzZikS15k/0.jpg" style="width:100%;" > < / > < / div >

如果你更喜欢HTML标签而不是markdown +居中对齐:

<div align=“center”> <a href=“https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE”><img src=“https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg” alt=“IMAGE ALT TEXT”</a>> </div>

在我的情况下，作为一个技巧，我遇到了这个问题，将我的屏幕录制的视频转换成一个gif使用在线转换器，然后我把它添加到我的markdown如下:

## Quick Overview of the project

![Functional Programming with Javascript using NASA API](./functionJsWithNasaAPI.gif)

结果如下图所示

检查这个回购现场预览上面的示例。 希望这个技巧可以帮助到一些人:)。

实际上不只是youtube，使用一个小技巧你可以上传任何视频，甚至直接从你的电脑。要做到这一点，

你可以创建一个问题，并简单地拖动视频文件在它 我总是喜欢缩略图，这样做，快照的图片从视频，并拖动它像前一步 你现在有两个网址从视频和图像 使用网址:[](https://video-url.mp4) 例如,

现在就关闭这个问题(如果你想)

我创建了一个api，让你这样做! 你可以去这个网站生成它或使用api。这个api也允许你设置大小!文档

[![ALT](https://youtube-md.vercel.app/VIDEO-ID)](https://www.youtube.com/watch?v=VIDEO-ID)

例子:

[![Rick Astley - Never Gonna Give You Up (Official Music Video)](https://youtube-md.vercel.app/dQw4w9WgXcQ/640/360)](https://www.youtube.com/watch?v=dQw4w9WgXcQ)

编辑:

这个API不工作rn，你可以自己托管这个:github链接