如何在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视频吗? 如果是，怎么做?

当前回答

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

<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

其他回答

我做了一个API，添加了一个漂亮的播放按钮，和一个背景。为了使它可点击，你可以这样使用它:

[![](https://markdown-videos.deta.dev/youtube/{video_id})](https://youtu.be/{video_id})

例子:

源代码和文档可以在这里找到:https://github.com/Snailedlt/Markdown-Videos

2022-11-13 23:06:52

用你的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

我写了一个Chrome浏览器扩展，xhub，它允许你在GitHub页面中嵌入YouTube视频(和其他东西)。

在这里买。然后加上这样的东西

A video:
```youtube-embed
{
   "width": "560",
   "height": "315",
   "src": "https://www.youtube.com/embed/dQw4w9WgXcQ",
   "title": "YouTube video player",
   "frameborder": "0",
   "allow": "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
   "allowfullscreen": true
}
```

你的降价代码。它给你

2021-12-06 18:19:26

2022年10月更新

为什么这么努力工作?

github.com允许将图像和视频拖拽到issue和pr中。

如果你编辑你的README。在github.com上的md和拖放一个MP4到页面中，你会得到一个嵌入音频的视频播放器(你不会得到GIF)。

有尺寸限制……我认为这是100mb的资产上传这种方式。

巨大的优势

MP4不在.git repo中，因此不会影响克隆速度或本地repo大小不涉及其他服务(没有YouTube，没有第三方应用程序) 音频(动图很棒……但我们今天不去看默片是有原因的)

演示时间

https://github.com/huntharo/video-test

2022-10-07 12:46:20