web-dev-qa-db-ja.com

C＃Markdownライブラリを使用してYoutube / VimeoビデオをMarkdownに埋め込むことは可能ですか？

.NET MVC4でWebアプリを書いていますが、Markdownを使用したいと思います。オープンソースのC＃Markdownライブラリがいくつかあることは理解していますが、YouTubeまたはVimeoビデオのMarkdownテキスト内への埋め込みを明らかにサポートするライブラリは見つかりませんでした。

可能かどうか誰にもわかりますか？

c#asp.net-mvc-4youtubemarkdown
54
Matt

標準マークダウンを使用したソリューション（iFrameではなく）

Iframeの使用はではなく「明らかな」ソリューション... 特に使用しているMarkdownパーサー（または公開プラットフォーム）がサポートしていない場合別のWebサイトのコンテンツをインライン化する...代わりに、次の形式を使用して、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")

マークダウンの説明

このマークダウンスニペットが複雑に見える場合は、次の2つの部分に分けてください。

画像
![image alt text](http//example.io/link-to-image)
リンクに包まれました
[link text](http//example.io/my-link "link title")

有効なマークダウンとYouTubeサムネイルを使用した例：

Everything Is AWESOME

YouTubeからサムネイルimage を直接にソースし、実際の動画にリンクしているため、ユーザーが画像/サムネイルをクリックすると動画に移動します。

コード：

[![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

コード：

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

クリア利点

これにはいくつかの追加手順が必要ですが（a）ビデオのスクリーンショットを撮影し、（b）アップロードそう3 clear利点を持っているサムネイルとして画像を使用できます：

  1. マークダウン（または結果のHTMLページ）を読む人は、visual cueを使用して、ビデオを視聴できることを伝えます（ビデオコントロールはをクリックすることを推奨します）
  2. 動画で特定のフレームを選択して、サムネイルとして使用できます（したがって、コンテンツをより魅力的にする）
  3. リンクされた画像がクリックされたときに再生が開始されるビデオで、特定の時間にリンクすることができます。 （この例では35秒から）

スクリーンショットの取得には数秒かかり、各OSにはキーボードショートカットがあり、スクリーンショットをクリップボードにコピーするため、[を貼り付けてアップロードを高速化できます。

のみC#

そして、これは100％Standardmarkdownであるため、works あらゆる場所（C#パーサーだけでなく！ ）... GitHub、Redit、Ghostで試してみてください！

ヴィメオ

このアプローチはVimeoビデオでも機能します

例

Little red ridning hood

コード

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

ノート：

99
nelsonic

インライン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
24
sloth
<iframe width="560" height="315" src="https://www.youtube.com/embed/-mUJnKI3ipI" frameborder="0" allowfullscreen></iframe>
2
johnnymire