如何在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视频吗? 如果是，怎么做?

当前回答

完整的示例

扩展@MGA的答案

虽然在Markdown中嵌入视频是不可能的，但你可以通过在标记文件中包含一个有效的链接图像来“伪造它”，使用以下格式:

[![IMAGE ALT TEXT](http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE“视频标题”)

降价的解释

如果这个标记片段看起来很复杂，可以把它分成两部分:

一个图像 [图片+文字](https://example.com/link-to-image) 包装在链接中 [链接文字](https://example.com/my-link“链接标题”)

使用有效Markdown和YouTube缩略图的例子:

我们直接从YouTube上获取缩略图，并链接到实际视频，所以当人们点击图像/缩略图时，他们将被带到视频中。

代码:

[![Everything Is AWESOME](https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](https://www.youtube.com/watch?v=StTqXEQ2l-Y“Everything Is AWESOME”)

或者如果你想给读者一个视觉上的提示，图片/缩略图实际上是一个可播放的视频，把你自己在YouTube上的视频截图用作缩略图。

使用截图和视频控件作为视觉提示的例子:

代码:

[![Everything Is AWESOME](http://i.imgur.com/Ot5DWAW.png)](https://youtu.be/StTqXEQ2l-Y?t=35s“Everything Is AWESOME”)

明显的优势

虽然这需要几个额外的步骤(a)截取视频的截图(b)上传它，以便你可以使用图像作为你的缩略图，但它确实有3个明显的优势:

阅读你的降价(或产生的html页面)的人有一个视觉提示，告诉他们可以观看视频(视频控制鼓励点击) 你可以在视频中选择一个特定的帧作为缩略图(从而使你的内容更吸引人) 您可以链接到视频中的特定时间，当点击链接图像时，播放将从该时间开始。(在我们的例子中是从35秒开始)

拍摄和上传截图只需要几秒钟，但回报很大。

作品无处不在!

因为这是标准的降价，所以在任何地方都适用。在GitHub、Reddit、Ghost和Stack Overflow上试试吧。

Vimeo

这种方法也适用于Vimeo视频

例子

Code

[![Little red riding hood](http://i.imgur.com/7YTMFQp.png)](https://vimeo.com/3514904 "Little red riding hood - Click to Watch!")

注:

截图方式:http://www.take-a-screenshot.org/(所有平台) 上传缩略图:一旦你截取了你的截图，你可以拖拽它到imgur.com上传，并立即使用它作为你的缩略图 YouTube缩略图信息:我如何从YouTube API获得YouTube视频缩略图?

2015-04-25 08:10:59

其他回答

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

## Quick Overview of the project

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

结果如下图所示

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

2021-07-08 04:59:05

你可以尝试以下方法:

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

2021-03-14 11:01:04

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