是否可以使用C#Markdown库在Markdown中embeddedYoutube / Vimeovideo

我在.NET MVC4中编写一个Web应用程序,并希望使用Markdown。 我知道有一些开源的C#Markdown库,但是我还没有find明显支持在Markdown文本中embeddedyoutube或Vimeovideo的库。

有谁知道是否有可能?

4 Solutions collect form web for “是否可以使用C#Markdown库在Markdown中embeddedYoutube / Vimeovideo”

使用标准Markdown的解决scheme( 不是iFrame!

使用iframe 不是明显 ”的解决scheme… 特别是如果您使用的Markdownparsing器(或发布平台)不支持从不同的网站内联内容…相反,您可以通过包含一个有效的链接在您的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获取缩略图图像并链接到实际video,因此当用户单击图像/缩略图时,它们将被带到video中。

码:

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

或者,如果您想让读者看到图像/缩略图实际上是可播放的video,请在YouTube上自己制作video截图,然后将其用作缩略图。

使用带有video控件的屏幕截图作为Visual Cue的示例:

一切都很棒

码:

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

明确的优势

虽然这需要一些额外的步骤( a截取video的截图并( b上传,以便您可以使用图像作为缩略图,但它有三个明显的优势

  1. 阅读您的减价(或生成的HTML页面)的人有一个视觉提示告诉他们,他们可以观看video( video控件鼓励点击
  2. 您可以selectvideo中的特定帧作为缩略图(从而使您的内容更具吸引力
  3. 当链接图像被点击时,您可以链接到播放将从其开始的video中的特定时间 。 (在我们的情况下从35秒)

截图需要

不仅仅是C#

因为这是100%的标准降价,所以无处不在不只是对于C#parsing器! )…试试GitHub,Redit或Ghost!

Vimeo的

这种方法也适用于Vimeovideo

红色的小红帽

 [![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获取YouTubevideo缩略图?
  • 借阅/修改/展开的Markdown格式: embeddedYouTubevideo

您可以使用内嵌HTML来embedded您的video。

 # 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 
 <iframe width="560" height="315" src="https://www.youtube.com/embed/-mUJnKI3ipI" frameborder="0" allowfullscreen></iframe> 

embedded图像的语法怎么样,适用于其他媒体?

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

Oembed有趣的是使embedded更容易:用户只需粘贴url而不是iframe代码。 对于video,它可能是

 ![MyVideo](http://www.youtube.com/watch?v=TheVideoID) 
  • 使用youtube v3 API检索YouTube播放列表中的所有video
  • YouTube播放器的FF3 / Windows CSS z-index问题
  • Android YouTube应用播放video意图
  • 开始/播放embedded式(iframe)youtube-video点击图像
  • Youtube自动播放不适用于embedded式HTML5播放器的移动设备
  • 解码YouTube的错误500页
  • 强制YouTubeembedded以720p开始
  • 从YouTube下载video
  • 未能在“DOMWindow”上执行“postMessage”:https://www.youtube.com!== http:// localhost:9000
  • 覆盖youtube iframe覆盖不透明div
  • 将YouTubevideo缩小为响应宽度