是否可以使用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) 
  • YouTubevideo播放结束后的事件
  • 将YouTubevideo缩小为响应宽度
  • 如何在tvOS上播放YouTube内容
  • 如何使embedded的Youtubevideo自动开始播放?
  • YouTube - 如何强制在embedded式链接/ <iframe>的480pvideo质量
  • 如何在YouTube中embeddedYouTubevideo?
  • 如何使用PHP检查YouTube上是否存在video?
  • 对YouTube加载网页的新方式感到好奇
  • 您是否可以在不启用自动播放的情况下隐藏YouTubeembedded的控件?
  • 在fancybox jquery中打开youtubevideo
  • Bootstrap 3和Youtube在Modal中