首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在GitHub维基页面上嵌入YouTube视频?

如何在GitHub维基页面上嵌入YouTube视频?
EN

Stack Overflow用户
提问于 2012-08-04 08:12:04
回答 14查看 190.4K关注 0票数 383

我是标记的新手(尽管它非常容易上手)。我正在开发一个包,并试图让维基页面看起来像一个帮助手册。我可以很容易地将YouTube视频链接插入到维基页面中,但是如何嵌入YouTube视频呢?我知道这可能不太可能。

我读到你可以使用超文本标记语言,所以我试着按照下面的link嵌入超文本标记语言:

代码语言:javascript
复制
<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维基页面上嵌入YouTube视频?
  2. 如果可以,如何?
EN

回答 14

Stack Overflow用户

回答已采纳

发布于 2013-04-18 17:35:49

不能直接嵌入视频,但你可以放一个链接到YouTube视频的图片:

代码语言:javascript
复制
[![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)

  • 有关this Markdown cheatsheet的详细信息,请参阅Youtube上的GitHub。
  • 有关Youtube图像链接的详细信息,请访问Youtube
票数 612
EN

Stack Overflow用户

发布于 2015-04-25 16:10:59

完整示例

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

使用有效的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")

Clear Advantages

虽然这需要几个额外的步骤(a)获取视频的屏幕截图并上传(b),以便您可以将图像用作缩略图,但它确实具有3 clear 优势<代码>e224

阅读你的markdown (或生成的html页面)的人有一个特定的可视提示,告诉他们可以观看视频(视频控件鼓励clicking)

  • You可以在视频中选择一个特定的帧来用作缩略图(因此image
    1. engaging)
    2. You 可以链接到视频中的特定时间,点击链接的图像时播放将从该时间开始)。(在我们的例子中,从35秒开始)

拍摄和上传截图只需要几秒钟,但会有很大的回报。

适用于任何地方!

因为这是标准的降价,所以它在任何地方都有效。在GitHub,Reddit,Ghost和Stack Overflow上试试。

维梅奥

这种方法也适用于Vimeo视频

示例

代码

代码语言:javascript
复制
[![Little red riding hood](http://i.imgur.com/7YTMFQp.png)](https://vimeo.com/3514904 "Little red riding hood - Click to Watch!")

备注:

all platforms)

  • Upload

  • Upload缩略图:一旦您拍摄了您的屏幕截图,您可以将其拖放到thumbnail

票数 337
EN

Stack Overflow用户

发布于 2019-01-16 09:11:51

Markdown不正式支持视频嵌入,但您可以在其中嵌入原始HTML。我用GitHub Pages进行了测试,它工作得无懈可击。

  1. 转到YouTube上的视频页面,单击共享按钮
  2. 选择Embed
  3. 复制并粘贴HTML代码片段到您的markdown

该代码片段如下所示:

代码语言:javascript
复制
    <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:你可以看看live preview here

票数 48
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11804820

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档