嵌入YouTube视频

我对标记相当陌生(尽管拾取非常容易)。 我正在研究一个软件包,并试图让wiki页面看起来很好,作为帮助手册。 我可以非常轻松地将YouTube视频链接插入wiki页面,但是如何嵌入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视频吗?
  • 如果是这样如何?

  • 无法直接嵌入视频,但可以放置链接到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)

    欲了解更多信息请看这里。 如果您想保持简单,只需使用以下语法将其设置为链接即可:

    [linkname](https://youtubevideourl)


    完整的例子

    扩展@ MGA的答案

    尽管无法在Markdown中嵌入视频,但您可以使用以下格式在Markdown文件中包含有效的链接图像来“ 伪造”它

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

    减价的解释

    如果此降价片段看起来很复杂,请将其分解为两部分:

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

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

    一切都很棒

    我们直接从YouTube获取缩略图图像并链接到实际视频,因此当用户单击图像/缩略图时,它们将被带到视频中。

    码:

    [![Everything Is AWESOME](http://www.djcxy.com/uploads/images/11/cc/11cc2893bed490ab5f07c49c1ae888b5.jpg)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")

    或者如果你想给读者一个视觉提示 ,图像/缩略图实际上是一个可播放的视频,拿自己会在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个明显的优点

  • 读取标记(或生成的html页面)的人有一个视觉提示,告诉他们可以观看视频(视频控件鼓励点击)
  • 您可以选择视频中的特定帧作为缩略图(从而使您的内容更具吸引力
  • 当链接图像被点击时,您可以链接到视频中的特定时间 ,从该时间开始播放。 (在我们的情况下从35秒)
  • 截图需要

    无处不在!

    由于这是100%标准降价,所以无处不在 ...试试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!")
    

    笔记:

  • 如何截图 :http://www.take-a-screenshot.org/( 所有平台 !)
  • 上传缩略图 :一旦你截取了你的截图,你可以拖放imgur.com 上传并立即用它作为你的缩略图; 再简单不过了!
  • YouTube缩略图信息:如何从YouTube API获取YouTube视频缩略图?

  • 扩展@MGA和@ nelsonic的答案,只是想让它更容易获得所需的降价。

    我采用了上面提到的建议,并将它们组合到一个小小的粘土函数中,该函数需要一个Youtube URL和一些图像替代文本,并返回一个MarkDown链接图像,您可以将它粘贴到您的Github自述文件中:https:// www。 clay.run/services/nicoslepicos/github-create-video-embed-mock/code

    将按照@nelsonic建议的视频播放器控件工作

    链接地址: http://www.djcxy.com/p/28901.html

    上一篇: Embed a YouTube video

    下一篇: Data migration with PHP