如何在GitHub维基页面上嵌入YouTube视频?

我对标记并不熟悉(尽管它非常容易掌握)。我正在做一个包，并试图让维基页面看起来很好作为一个帮助手册。我可以插入一个YouTube视频链接到维基页面相当容易，但我如何嵌入一个YouTube视频。我知道这可能不太可能。

我读过你可以使用HTML标签，所以我尝试在每个链接中嵌入HTML，如下所示:

<object width="425" height="350">
  <param name="movie" value="http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg" />
  <param name="wmode" value="transparent" />
  <embed src="http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg"
         type="application/x-shockwave-flash"
         wmode="transparent" width="425" height="350" />
</object>

保存了页面，但什么都没发生。

有可能在GitHub wiki页面上嵌入YouTube视频吗? 如果是，怎么做?

当前回答

你可以尝试以下方法:

<iframe width="500" height="300" src="https://www.youtube.com/embed/<VIDEO_ID>" frameborder="0" allowfullscreen></iframe>

2021-03-14 11:01:04

其他回答

我创建了一个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链接

2022-04-29 03:50:38

我创建了https://yt-embed.herokuapp.com/来简化它。用法是直接的，从上面的例子可以看出:

[![Everything Is AWESOME](https://yt-embed.herokuapp.com/embed?v=StTqXEQ2l-Y)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")

会导致:

只需调用:https://yt-embed.herokuapp.com/embed?v=[video_id]作为图像，而不是https://img.youtube.com/vi/。

2020-04-27 23:55:42

现在(2021年)，你可以轻松地在gitHub上使用视频。你只需要把普通的视频url粘贴到你的markdown上，它就会转换成视频。


To have a video on your markdown, just add the video url, some like this:

https://www.youtube.com/watch?v=G3Cytlicv8Y

你可以在这个视频中看到这个新功能。

2021-12-30 11:55:26

添加一个缩略图链接，最初被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 >

2020-07-19 13:34:11

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

## Quick Overview of the project

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

结果如下图所示

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

2021-07-08 04:59:05

如何在GitHub维基页面上嵌入YouTube视频?

推荐文章

最新文章

标签