Подтвердить что ты не робот

Можно ли вставлять видео Youtube/Vimeo в Markdown с помощью библиотеки С# Markdown

Я пишу веб-приложение в .NET MVC4 и хотел бы использовать Markdown. Я понимаю, что есть несколько библиотек с открытым исходным кодом С# Markdown, но я не нашел тот, который явно поддерживает встраивание видео youtube или Vimeo внутри текста Markdown.

Кто-нибудь знает, возможно ли это?

4b9b3361

Ответ 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")

Объяснение уценки

Если этот фрагмент уценки выглядит сложным, разбейте его на две части:

картинка
![image alt text](http//example.io/link-to-image)
завернутый в ссылку
[link text](http//example.io/my-link "link title")

Пример использования действительной уценки и эскиза YouTube:

Everything Is AWESOME

Мы получаем миниатюрное изображение непосредственно с 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 и используйте его вместо этого в качестве миниатюры.

Пример использования снимка экрана с элементами управления видео в качестве визуальной подсказки:

Everything Is AWESOME

Код:

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

Явные преимущества

Хотя для этого требуется выполнить несколько дополнительных шагов (а) сделать снимок экрана с видео и (б) загрузить его, чтобы вы могли использовать изображение в качестве эскиза, оно имеет 3 явных преимущества:

  1. Человек, читающий вашу уценку (или получающуюся HTML-страницу), имеет визуальную подсказку о том, что он может смотреть видео (элементы управления видео поощряют клики)
  2. Вы можете выбрать определенный кадр в видео, чтобы использовать его в качестве эскиза (что делает ваш контент более привлекательным)
  3. Вы можете указать в видео определенное время, с которого начнется воспроизведение при нажатии на ссылку. (в нашем случае от 35 секунд)

Создание снимка экрана занимает несколько секунд, и для каждой ОС имеются сочетания клавиш, которые копируют снимок экрана в буфер обмена, что означает, что вы можете вставить его для еще более быстрой загрузки.

Не только C#

И поскольку это 100% стандартная уценка, она работает везде (не только для парсера C# !)... попробуйте это на GitHub, Redit или Ghost!

Vimeo

Этот подход также работает с видео 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!")

Заметки:

Ответ 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

Ответ 3

<iframe width="560" height="315" src="https://www.youtube.com/embed/-mUJnKI3ipI" frameborder="0" allowfullscreen></iframe>

Ответ 4

Как насчет синтаксиса для встраивания изображения, применяемого к другим носителям?

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

Oembed интересно упростить внедрение: пользователям просто нужно вставить URL вместо кода iframe. Для видео это может быть

![MyVideo](http://www.youtube.com/watch?v=TheVideoID)