65

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

有谁知道这是否可能？

4

6 回答 6

128

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

使用 iframe不是“明显”的解决方案……特别是如果您使用的 Markdown 解析器（或发布平台）不支持来自不同网站的内联内容……相反，您可以通过包含有效链接来“伪造” -image在您的 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")

使用有效 Markdown 和 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")

或者，如果您想给读者一个视觉提示，即图像/缩略图实际上是一个可播放的视频，请在 YouTube 中拍摄您自己的视频屏幕截图并将其用作缩略图。

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

一切都很棒

代码：

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

 明显优势

虽然这需要几个额外的步骤（a）拍摄视频的屏幕截图和（b）上传它以便您可以将图像用作缩略图，但它确实具有3 个明显的优势：

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

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

不仅_ C#

由于这是100% 标准降价，它适用于任何地方（不仅仅是C#解析器！）......在 GitHub、Redit 或 Ghost 上试试吧！

维密欧

这种方法也适用于 Vimeo 视频

例子

小红帽

代码

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

笔记：

于 2015-04-25T08:06:48.307 回答
26

您可以使用内联 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
于 2013-01-11T11:06:07.353 回答
2 
<iframe width="560" height="315" src="https://www.youtube.com/embed/-mUJnKI3ipI" frameborder="0" allowfullscreen></iframe>
于 2016-11-01T21:26:38.117 回答
0

Markdown 不会让你嵌入视频，基本上这里发布的答案是解释有一个图片链接，这显然不是嵌入的意思。因此，您是否可以嵌入视频的答案是“不，您不能”。

于 2021-09-28T14:41:43.010 回答
0

您应该能够使用 HTML5<video>元素。有人告诉我这是否行不通。

（刚刚发现这一点，晚了很多年:-)，因为我想将视频支持添加到我的 md2pptx Markdown 到 PowerPoint 开源工具中。）

于 2022-02-14T11:13:20.333 回答
-6

嵌入图像的语法如何应用于其他媒体？

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

Oembed 让嵌入变得更容易很有趣：用户只需粘贴 URL 而不是 iframe 代码。对于视频，它可能是

![MyVideo](http://www.youtube.com/watch?v=TheVideoID)
于 2014-02-03T09:15:53.993 回答