如何在GitHub Wiki页面中嵌入YouTube视频?
如何在GitHub Wiki页面中嵌入YouTube视频?
我对Markup还比较新(虽然它非常容易上手)。我正在制作一个包,并试图使维基页面看起来像一个帮助手册。我可以相当容易地将YouTube视频链接插入到维基页面中,但是如何嵌入YouTube视频。我知道这可能不可能。
我已经阅读过可以使用HTML标记,因此我尝试嵌入HTML进行嵌入,如下链接:
然后保存页面,但什么都没有发生。
- 在GitHub维基页面上嵌入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 "Video Title")
Markdown解释
如果这个标记段落看起来很复杂,可以将其分解为两个部分:
一个图像
![image alt text](https://example.com/link-to-image)
嵌套在链接中
[link text](https://example.com/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中对视频进行截屏,并将其用作缩略图。
使用带有视频控件的屏幕截图作为视觉提示的示例:
代码:
[![Everything Is AWESOME](http://i.imgur.com/Ot5DWAW.png)](https://youtu.be/StTqXEQ2l-Y?t=35s "Everything Is AWESOME")
明显的优势
虽然这需要额外的步骤(a)对视频进行截屏并(b)上传它,以便您可以将图像用作缩略图,但它确实具有3个明显的优点:
- 阅读您的markdown(或生成的HTML页面)的人具有视觉提示,告诉他们他们可以观看视频(视频控件鼓励点击)。
- 可以选择在视频中使用特定帧作为缩略图(从而使您的内容更具吸引力)。
- 当单击链接图像时,可以链接到视频中的特定时间开始播放(在我们的例子中为35秒)。
截屏并上传需要几秒钟,但效果很好。
在任何地方都有效!
由于这是标准Markdown,因此它适用于所有地方。在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 视频缩略图?
无法直接嵌入视频,但您可以放置一个链接到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)
- 有关Markdown的更多信息,请查看GitHub上的此Markdown速查表。
- 有关YouTube图像链接的更多信息,请查看这个问题。