如何在GitHub Wiki页面中嵌入YouTube视频?

18 浏览
0 Comments

如何在GitHub Wiki页面中嵌入YouTube视频?

我对Markup还比较新(虽然它非常容易上手)。我正在制作一个包,并试图使维基页面看起来像一个帮助手册。我可以相当容易地将YouTube视频链接插入到维基页面中,但是如何嵌入YouTube视频。我知道这可能不可能。

我已经阅读过可以使用HTML标记,因此我尝试嵌入HTML进行嵌入,如下链接

      

然后保存页面,但什么都没有发生。

  1. 在GitHub维基页面上嵌入YouTube视频是否可能?
  2. 如果可以,如何嵌入?
admin 更改状态以发布 2023年5月23日
0
0 Comments

完整范例

扩充@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缩略图的示例:

Everything Is AWESOME

我们直接从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

代码:

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

明显的优势

虽然这需要额外的步骤(a)对视频进行截屏并(b)上传它,以便您可以将图像用作缩略图,但它确实具有3个明显的优点:

  1. 阅读您的markdown(或生成的HTML页面)的人具有视觉提示,告诉他们他们可以观看视频(视频控件鼓励点击)。
  2. 可以选择在视频中使用特定帧作为缩略图(从而使您的内容更具吸引力)。
  3. 当单击链接图像时,可以链接到视频中的特定时间开始播放(在我们的例子中为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!")

注释:

0
0 Comments

无法直接嵌入视频,但您可以放置一个链接到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)

0