首页 文章

嵌入YouTube视频

提问于
浏览 次
184

我对标记很新（虽然它非常容易拾取） . 我正在开发一个软件包，并试图让wiki页面看起来很好看作为帮助手册 . 我可以很容易地将YouTube视频链接插入维基页面但是如何嵌入YouTube视频 . 这可能是不可能的 .

我已经读过你可以使用HTML标签，所以我试着用这个LINK嵌入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 wikim页面上嵌入YouTube视频？

  • 如果是这样怎么样？

video github youtube embed markdown

5 回答

  • 203

    完整示例

    扩大@ MGA的答案

    虽然无法在Markdown中嵌入视频，但您可以通过在Markdown文件中包含 valid linked-image 来使用以下格式“ fake it ”：

    [![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")

    Markdown的解释

    如果此降价代码段看起来很复杂，请将其分为两部分：

    一个图像
    ![image alt text](http//example.io/link-to-image)
    包裹在链接中
    [link text](http//example.io/my-link "link title")

    使用有效降价和YouTube缩略图的示例：

    我们直接从YouTube获取 thumbnail 图片并链接到实际视频，因此当用户点击图片/缩略图时，他们将被带到视频中 .

    代码：

    [![Everything Is AWESOME](https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")

    OR 如果您想给读者一个 visual cue 图像/缩略图实际上是一个可播放的视频，请在YouTube中截取您自己的视频截图，并将其用作缩略图 .

    使用带有视频控件的屏幕截图作为Visual Cue的示例：

    代码：

    [![Everything Is AWESOME](http://i.imgur.com/Ot5DWAW.png)](https://youtu.be/StTqXEQ2l-Y?t=35s "Everything Is AWESOME")

    明显的优势

    虽然这需要几个额外的步骤（ a ）拍摄视频的屏幕截图和（ b ）上传它，所以你可以使用图像作为你的缩略图，它有 3 clear advantages ：

    • 阅读降价标记的人（或生成的html页面）有 visual cue 告诉他们可以观看视频（视频控件鼓励点击）

    • 您可以在视频中选择 specific frame 作为缩略图（从而使您的内容成为 more engaging ）

    • 您可以在视频中 link to a specific time ，点击链接图像时将从该视频开始播放 . （在我们的情况下从35秒）

    拍摄截图需要

    无处不在！

    由于这是 100% Standard markdown，它 works everywhere ...在GitHub，Redit，Ghost上试用它，当然也可以在StackOverflow上试试！

    Vimeo

    这种方法也适用于Vimeo视频

    示例

    代码

    [![Little red ridning hood](http://i.imgur.com/7YTMFQp.png)](https://vimeo.com/3514904 "Little red riding hood - Click to Watch!")

    注意：

    回复于
  • 1

    直接嵌入视频是不可能的，但您可以将图片链接到YouTube视频：

    [![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)

    有关更多信息，请查看here . 如果您想保持简单，只需使用以下语法将其设为链接：

    [linkname](https://youtubevideourl)

    回复于
  • 297

    扩展@MGA和@nelsonic的答案，并试图让它更容易获得所需的降价 .

    我接受了上面提到的建议，并把它放在一个小的Clay函数中，它接收一个Youtube URL和一些Image Alt Text并返回一个MarkDown Link Image，你可以将它粘贴到你的Github ReadMe中：https://www.clay.run/services/nicoslepicos/github-create-video-embed-mock/code

    可以使用@nelsonic建议的具有视频播放器控制功能的设备

    回复于
  • -3

    如果你喜欢HTML标签而不是降价中心对齐：

    <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>
    回复于
  • 3

    我使用iframe嵌入YouTube视频如下：

    <div align="center">
    <iframe width="620" height="315"
        src="https://www.youtube.com/embed/OhlVBpEnjig">
    </iframe>
</div>
    回复于

相关问题