我对标记并不熟悉(尽管它非常容易掌握)。我正在做一个包,并试图让维基页面看起来很好作为一个帮助手册。我可以插入一个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视频吗? 如果是,怎么做?


当前回答

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:你可以在这里查看现场预览

其他回答

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:你可以在这里查看现场预览

在我的情况下,作为一个技巧,我遇到了这个问题,将我的屏幕录制的视频转换成一个gif使用在线转换器,然后我把它添加到我的markdown如下:

## Quick Overview of the project

![Functional Programming with Javascript using NASA API](./functionJsWithNasaAPI.gif)

结果如下图所示

检查这个回购现场预览上面的示例。 希望这个技巧可以帮助到一些人:)。

2022年10月更新

为什么这么努力工作?

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

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

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

巨大的优势

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

演示时间

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

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

<div align=“center”> <a href=“https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE”><img src=“https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg” alt=“IMAGE ALT TEXT”</a>> </div>

我创建了一个api,让你这样做! 你可以去这个网站生成它或使用api。这个api也允许你设置大小!文档

[![ALT](https://youtube-md.vercel.app/VIDEO-ID)](https://www.youtube.com/watch?v=VIDEO-ID)

例子:

[![Rick Astley - Never Gonna Give You Up (Official Music Video)](https://youtube-md.vercel.app/dQw4w9WgXcQ/640/360)](https://www.youtube.com/watch?v=dQw4w9WgXcQ)

编辑:

这个API不工作rn,你可以自己托管这个:github链接