是否可以使用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")

或者如果您想为读者提供图像/缩略图实际上是可播放视频的视觉提示,请在YouTube中截取您自己的视频截图,并将其用作缩略图.

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

码:

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

 明显的优势

虽然这需要一些额外的步骤(a)拍摄视频的屏幕截图,然后(b)上传它,这样您就可以将图像用作缩略图,它有三个明显的优势:

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缩略图信息:如何从YouTube API获取YouTube视频缩略图？
• 借用/修改/扩展的Markdown格式:嵌入YouTube视频

Answer 2

您可以使用内联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