我对标记相当陌生（尽管非常容易上手）。我正在研究一个程序包，并且正在尝试使Wiki页面看起来更好，作为帮助手册。我可以很容易地将YouTube视频链接插入Wiki页面，但是如何嵌入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>

并保存了页面，但没有任何反应。

1. 是否可以在GitHub Wiki页面上嵌入YouTube视频？
2. 如果可以，怎么办？

无法直接嵌入视频，但可以放置链接到YouTube视频的图像：

[![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)

有关更多信息，请参见GitHub上的Markdown备忘单。

完整的例子

扩展@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 "Video Title")

降价说明

如果此标记代码片段看起来很复杂，请将其分为两部分：

![image alt text](https://example.com/link-to-image)
包裹在链接中的图像
[link text](https://example.com/my-link "link title")

使用有效降价和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个明显的优点：

1. 阅读您的减价（或生成的html页面）的人会看到一个视觉提示，告诉他们他们可以观看视频（视频控件鼓励点击）
2. 您可以选择视频中的特定帧作为缩略图（从而使您的内容更具吸引力）
3. 您可以链接到视频中的特定时间，当单击链接的图像时，将从该时间开始播放。（本例中为35秒）

拍摄和上传屏幕截图需要花费几秒钟的时间，但收获颇丰。

无处不在！

由于这是标准的降价促销，因此可以在任何地方使用。在GitHub，Reddit，Ghost和此处的Stack Overflow上尝试。

Vimeo

这种方法也适用于Vimeo视频

例

码

[![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视频缩略图？

Markdown并不正式支持视频嵌入，但是您可以在其中嵌入原始HTML。我使用GitHub Pages进行了测试，它可以完美运行。

1. 转到YouTube上的“视频”页面，然后单击“共享”按钮
2. 选择嵌入
3. 在markdown中复制并粘贴HTML代码段

该代码段如下所示：

    <iframe width="560" height="315"
src="https://www.youtube.com/embed/MUQfKFzIOeU" 
frameborder="0" 
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" 
allowfullscreen></iframe>

PS：您可以在此处查看实时预览

如果您更喜欢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>

使视频与缩略图和链接居中对齐：

<div align="center">
      <a href="https://www.youtube.com/watch?v=StTqXEQ2l-Y">
     <img 
      src="https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg" 
      alt="Everything Is AWESOME" 
      style="width:100%;">
      </a>
    </div>

结果：

我创建了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/。

• 我们可以在Markdown中使用html代码。
• 在support.google.com/youtube 上的“ 嵌入视频或播放列表”中查看官方文档。

<iframe width="560" height="315"
src="https://www.youtube.com/embed/videoseries?list=PLx0sYbCqOb8TBPRdmBHs5Iftvv9TPboYG"
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

查看有关YouTube的更多提示和技巧