是否可以使用C#Markdown库在Markdown中嵌入Youtube/Vimeo视频
我正在用.NETMVC4编写一个web应用程序,希望使用降价。我知道有一些开源C#Markdown库,但我还没有找到一个明显支持在Markdown文本中嵌入youtube或Vimeo视频的库 有人知道这是否可行吗?您可以使用它来嵌入视频是否可以使用C#Markdown库在Markdown中嵌入Youtube/Vimeo视频,c#,asp.net-mvc-4,youtube,markdown,C#,Asp.net Mvc 4,Youtube,Markdown,我正在用.NETMVC4编写一个web应用程序,希望使用降价。我知道有一些开源C#Markdown库,但我还没有找到一个明显支持在Markdown文本中嵌入youtube或Vimeo视频的库 有人知道这是否可行吗?您可以使用它来嵌入视频 # this is a *markdown* document <iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/watc
# 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
#这是一个*降价*文档
嵌入**youtube**视频
应用于其他媒体的嵌入图像的语法是什么
![MyImage](https://example.com/image.png)
Oembed使嵌入变得更容易,这很有趣:用户只需粘贴URL而不是iframe代码。
对于视频,它可能是
![MyVideo](http://www.youtube.com/watch?v=TheVideoID)
使用标准降价的解决方案(不是iFrame!)
使用iframe是而不是明显的解决方案。。。特别是如果您使用的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 “视频标题”)
对降价的解释
如果此标记代码段看起来很复杂,请将其分为两部分:
图像![image alt text](http://example.io/link to image)
包装在链接中
[链接文本](http://example.io/my-link“链接标题”)
使用有效标记和YouTube缩略图的示例:
我们直接从YouTube上获取缩略图图像并链接到实际视频,因此当用户单击图像/缩略图时,他们将被带到视频中
代码:
[![一切都很棒](https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](https://www.youtube.com/watch?v=StTqXEQ2l-Y“一切都很棒”)
或如果您想给读者一个视觉提示该图像/缩略图实际上是一个可播放的视频,请在YouTube上拍摄您自己的视频截图,并将其用作缩略图
使用带有视频控件的屏幕截图作为视觉提示的示例:
代码:
[![一切都很棒](http://i.imgur.com/Ot5DWAW.png)](https://youtu.be/StTqXEQ2l-Y?t=35s “一切都很棒”)
明显优势
虽然这需要两个额外的步骤(a)拍摄视频截图并(b)上传,以便您可以将图像用作缩略图,但它确实具有3个明显的优点:
C#
由于这是100%标准的降价,因此在任何地方都可以使用(不仅仅是对于C
解析器!)。。。在GitHub、Redit或Ghost上试用
维梅奥
这种方法也适用于Vimeo视频
例子
代码
笔记:
- 如何拍摄截图(所有平台)!)
- 上传缩略图图像:拍摄完屏幕截图后,您可以将其拖放到上传,并立即将其用作缩略图;再容易不过了李>
- YouTube缩略图信息:
- 从以下位置借用/修改/扩展的降价格式:
在JS和PHP中。我认为你可以很容易地在C#中做类似的事情。这不起作用。您可以使用其中一个图像预览链接到视频:[![video Label](http://img.youtube.com/vi/TheVideoID/0.jpg)](http://www.youtube.com/watch?v=TheVideoID)
Ahh我的错误-url必须是。。。或者更确切地说,使用API,而不是带有watch参数的web站点非常好,但是使用该iframe会破坏同源策略。这篇文章有解决这个问题的方法。我相信这是理想的正确答案,因为正如您所指出的,Markdown始终允许HTML文本。抓取YouTube好心提供的“嵌入”片段(当前位于视频下方的“共享”选项中)。该代码段使用了一个
,如您的示例所示,但也有一个“嵌入”URL,该URL可以提高嵌入的可视性和可用性。当然,这假设您的降价渲染器允许HTML文本。谢谢您的回答。我们将对此进行测试。非常有用。这是一个巧妙的解决方案。简单,完成任务。当我第一次读到它时,它甚至让我发笑。干得好。
[![Little red ridning hood](http://i.imgur.com/7YTMFQp.png)](https://vimeo.com/3514904 "Little red riding hood - Click to Watch!")
<iframe width="560" height="315" src="https://www.youtube.com/embed/-mUJnKI3ipI" frameborder="0" allowfullscreen></iframe>