是否可以使用C＃Markdown库在Markdown中嵌入Youtube / Vimeo视频

Question

我正在.NET MVC4中编写一个Web应用程序，并希望使用Markdown。我知道有一些开源的C＃Markdown库，但我没有找到一个明显支持在Markdown文本中嵌入youtube或Vimeo视频的库。

有人知道这是否可能？

Answer 1

使用标准降价的解决方案（不是iFrame！）

使用iframe 不 “明显的”解决方案... 尤其是如果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")

Markdown

的说明

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

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

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

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

代码：

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

或 如果您想为读者提供 视觉提示 ，那么图片/缩略图实际上是< em>可播放视频，在YouTube中截取视频截图，并将其用作缩略图。

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

代码：

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

清除优势

虽然这需要一些额外的步骤（一个）获取视频的屏幕截图（ b ）上传它因此您可以将图片用作缩略图，它具有 3 清除优势：

1. 阅读降价标记的人（或生成的HTML页面）有一个视觉提示，告诉他们可以观看视频（视频控件鼓励点击）
2. 您可以在视频中选择特定框架作为缩略图（从而使您的内容更具吸引力）
3. 您可以链接到视频中的特定时间，点击链接图片时将从该视频开始播放。 （在我们的情况下从35秒开始）

截取屏幕截图需要几秒钟，每个操作系统都有键盘快捷键，可将屏幕截图复制到剪贴板，这意味着您可以粘贴以便更快上传。

不仅 C#

由于这是 100％标准降价，因此 无处不在 （不仅适用于C#解析器！）...在GitHub，Redit或Ghost上试试吧！

的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缩略图信息：How do I get a YouTube video thumbnail from the YouTube API?
• Markdown格式借用/修改/扩展自：Embed a YouTube video

Answer 2

您可以使用inline HTML嵌入视频。

# this is a *markdown* document

<iframe  title="YouTube video player" width="480" height="390" src="http://www.youtube.com/watch?v=TheVideoID?autoplay=1" frameborder="0" allowfullscreen></iframe>

with a **youtube** video embedded

Answer 3

<iframe width="560" height="315" src="https://www.youtube.com/embed/-mUJnKI3ipI" frameborder="0" allowfullscreen></iframe>

Answer 4

嵌入图像的语法怎么样，应用于其他媒体？

![MyImage](https://example.com/image.png)

Oembed让嵌入更容易：用户只需粘贴网址而不是iframe代码。 对于视频，它可能是

![MyVideo](http://www.youtube.com/watch?v=TheVideoID)