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


当前回答

如果你想在GitHub页面上嵌入一个视频,你所需要做的就是去youtube视频,点击分享,复制嵌入代码(它应该是这样的)

<iframe width="560" height="315" src="https://www.youtube.com/embed/Z7PExj_v-ZU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

然后把它粘贴到你的降价页面。

其他回答

用你的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年),你可以轻松地在gitHub上使用视频。你只需要把普通的视频url粘贴到你的markdown上,它就会转换成视频。


To have a video on your markdown, just add the video url, some like this:

https://www.youtube.com/watch?v=G3Cytlicv8Y

你可以在这个视频中看到这个新功能。

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

如果你更喜欢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,添加了一个漂亮的播放按钮,和一个背景。为了使它可点击,你可以这样使用它:

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

例子:

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