嵌入YouTube视频

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (19)

我已经读到你可以使用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 wikim页面上嵌入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)

如果希望保持简单,只需使用以下语法将其作为链接:

[linkname](https://youtubevideourl)

用户回答回答于

使用以下格式:

[![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")

示例使用有效的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上的视频截图作为缩略图。

使用带有视频控件的Screen快照作为VisualCue的示例:

代码:

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

维米奥

这种方法也适用于Vimeo视频。

代码

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

扫码关注云+社区