嵌入YouTube视频(Embed a YouTube video)

我是相当新的标记（虽然它是非常容易皮卡）。 我工作的一个包，并想获得的wiki页面好看的帮助手册。 我可以很容易地将YouTube视频链接到维基页面，但我怎么嵌入YouTube视频。 这可能是不可能的。

我已阅读，你可以使用HTML标签，所以我试着用HTML中嵌入每本LINK如下：

<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上wikim页面的YouTube视频？
2. 如果是的话怎么样？

Answer 1:

这是不可能直接嵌入视频，但你可以把它链接到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)

欲了解更多信息，看这里 。 如果你想保持它的简单，只需要使用下面的语法使它成为一个链接：

[linkname](https://youtubevideourl)

Answer 2:

完整的示例

扩大对@ MGA的回答：

虽然它不可能嵌入降价视频，可以“ 假的 ”通过在你的降价文件的有效链接的图像 ，使用此格式：

[![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](http//example.io/link-to-image)
包裹在一个链接
[link text](http//example.io/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")

明显的优势

虽然这需要一些额外的步骤（ 一 ） 采取视频的截图和（b） 上传，所以你可以使用图像作为缩略图它有3个明显的优势 ：

1. 人读你的降价（或产生的HTML页面）的视觉线索告诉他们，他们可以观看视频（ 视频控件鼓励点击 ）
2. 您可以在视频的缩略图使用选择了一个特定的帧 （从而使你的内容更吸引人 ）
3. 您可以从播放被点击的链接图像时将启动视频链接到一个特定的时间 。 （在我们的情况下为35秒）的

以截图需要

作品无处不在！

由于这是100％的标准降价，它的工作原理无处不在 ......试试GitHub上，REDIT，鬼当然 ，在这里StackOverflow上！

Vimeo的

这种方法也适用与Vimeo的视频

例

码

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

Answer 3:

降价并不正式支持视频的嵌入，但你可以在它嵌入HTML。 我测试了与GitHub的页面和它完美的作品。

1. 进入视频页面上的YouTube，然后点击分享按钮
2. 选择嵌入
3. 复制并在你降价的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：你可以检查出在这里实时预览

Answer 4:

如果你喜欢HTML标签超过降价+居中对齐：

 <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> 

Answer 5:

扩大对@MGA和@ nelsonic的答案，只是想使它有点更容易得到所需的降价。

我把上面提到的建议，并把它连成一个小克莱函数，它在YouTube网址和一些图片替代文本，并返回一个降价链接图片，你可以只粘贴到您的Github的自述： https：//开头WWW。 clay.run/services/nicoslepicos/github-create-video-embed-mock/code

将一个具有视频播放器控制工作由@nelsonic的建议

Answer 6:

我使用的iframe嵌入YouTube视频如下：

<div align="center">
    <iframe width="620" height="315"
        src="https://www.youtube.com/embed/OhlVBpEnjig">
    </iframe>
</div>

文章来源: Embed a YouTube video