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

我对标记并不熟悉(尽管它非常容易掌握)。我正在做一个包，并试图让维基页面看起来很好作为一个帮助手册。我可以插入一个YouTube视频链接到维基页面相当容易，但我如何嵌入一个YouTube视频。我知道这可能不太可能。

我读过你可以使用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>

保存了页面，但什么都没发生。

有可能在GitHub wiki页面上嵌入YouTube视频吗? 如果是，怎么做?

当前回答

如果你更喜欢HTML标签而不是markdown +居中对齐:

2017-10-30 16:57:31

其他回答

Markdown官方不支持视频嵌入，但你可以在其中嵌入原始HTML。我用GitHub Pages进行了测试，它完美无缺。

进入YouTube的视频页面，点击分享按钮选择嵌入将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:你可以在这里查看现场预览

2019-01-16 01:11:50

你可以尝试以下方法:

<iframe width="500" height="300" src="https://www.youtube.com/embed/<VIDEO_ID>" frameborder="0" allowfullscreen></iframe>

2021-03-14 11:01:04

视频与缩略图和链接居中对齐:

<div align="center">
      <a href="https://www.youtube.com/watch?v=StTqXEQ2l-Y">
     <img 
      src="https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg" 
      alt="Everything Is AWESOME" 
      style="width:100%;">
      </a>
    </div>

结果:

2020-02-12 10:30:14

用你的YouTube视频的ID替换我的YouTube视频的ID

<a href="https://youtu.be/5xwHkLPgvtQ" title="Music Caster Video Demo">
  <p align="center">
    <img width="75%" src="https://img.youtube.com/vi/5xwHkLPgvtQ/maxresdefault.jpg" alt="Music Caster Video Demo Thumbnail"/>
  </p>
</a>

html { 背景:# 2 d2d2d; ｝ < a href = " https://youtu。be/5xwHkLPgvtQ" title="Music Caster Video Demo"> < p align = "中心" > <img width="75%" src="https://img.youtube.com/vi/5xwHkLPgvtQ/maxresdefault.jpg" alt="Music Caster Video Demo Thumbnail"/> < / p > < / >

现实世界中的例子

2021-12-18 01:08:38

我创建了https://yt-embed.herokuapp.com/来简化它。用法是直接的，从上面的例子可以看出:

[![Everything Is AWESOME](https://yt-embed.herokuapp.com/embed?v=StTqXEQ2l-Y)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")

会导致:

只需调用:https://yt-embed.herokuapp.com/embed?v=[video_id]作为图像，而不是https://img.youtube.com/vi/。

2020-04-27 23:55:42

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

推荐文章

最新文章

标签