Не е възможно да вграждате видеоклипове директно, но можете да поставите изображение, което води към видеоклип в YouTube:

[![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)

• За повече информация относно Markdown вижте този лист за измама на Markdown в GitHub.
• За повече информация относно връзките към изображения в Youtube вижте този въпрос.

Пълен пример

Разширяване на отговора на @MGA

Въпреки че не е възможно да вградите видеоклип в 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")

Обяснение на Markdown

Ако този фрагмент за маркиране изглежда сложен, разделете го на две части:

изображение
![image alt text](https://example.com/link-to-image)
обвито във връзка
[link text](https://example.com/my-link "link title")

Пример с използване на Valid Markdown и YouTube Thumbnail:

Ние извличаме миниизображението директно от 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](http://i.imgur.com/Ot5DWAW.png)](https://youtu.be/StTqXEQ2l-Y?t=35s "Everything Is AWESOME")

Ясни предимства

Въпреки че това изисква няколко допълнителни стъпки (a) заснемане на екранна снимка на видеоклипа и (b) качване > за да можете да използвате изображението като своя миниатюра, то има 3 ясни предимства:

1. Човекът, който чете вашето маркиране (или получената html страница), има визуална подсказка, която му казва, че може да гледа видеоклипа (видео контролите насърчават щракването)
2. Можете да изберете конкретен кадър във видеоклипа, който да използвате като миниизображение (по този начин съдържанието ви ще бъде по-ангажиращо)
3. Можете да свържете към конкретно време във видеоклипа, от което възпроизвеждането ще започне, когато се щракне върху свързаното изображение. (в нашия случай от 35 секунди)

Правенето и качването на екранна снимка отнема няколко секунди, но носи голяма печалба.

Работи навсякъде!

Тъй като това е стандартно намаление, то работи навсякъде. опитайте го в GitHub, Reddit, Ghost и тук в Stack Overflow.

Vimeo

Този подход работи и с видеоклипове на Vimeo

Пример

Код

[![Little red riding 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 на YouTube?

Markdown не официално поддържа вграждане на видео, но можете да вградите необработен HTML в него. Тествах с GitHub Pages и работи безупречно.

1. Отидете на страницата за видеоклипове в YouTube и щракнете върху бутона за споделяне
2. Изберете Вграждане
3. Копирайте и поставете HTML фрагмента във вашия маркер

Фрагментът изглежда така:

    <iframe width="560" height="315"
src="https://www.youtube.com/embed/MUQfKFzIOeU" 
frameborder="0" 
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" 
allowfullscreen></iframe>

PS: Можете да разгледате преглед на живо тук

Създадох https://yt-embed.herokuapp.com/, за да опростя това. Използването е директно, от примерите по-горе:

[![Everything Is AWESOME](https://yt-embed.herokuapp.com/embed?v=StTqXEQ2l-Y)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")

Ще доведе до:

Просто се обадете на: https://yt-embed.herokuapp.com/embed?v=[video_id] като изображението вместо https://img.youtube.com/vi/.

Ако харесвате HTML тагове повече от маркиране + централно подравняване:

<div align="center">
  <a href="https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE"><img src="https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg" alt="IMAGE ALT TEXT"></a>
</div>

Централно подравняване на видеоклипа с миниатюра и връзка:

<div align="center">
      <a href="https://www.youtube.com/watch?v=StTqXEQ2l-Y">
     <img 
      src="https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg" 
      alt="Everything Is AWESOME" 
      style="width:100%;">
      </a>
    </div>

Резултат:

Добавянето на връзка с миниатюрата, първоначално използвана от YouTube, е решение, което работи. Миниатюрата, използвана от YouTube, е достъпна по следния начин:

• ако официалната видео връзка е: https://www.youtube.com/watch?v=5yLzZikS15k
• тогава миниатюрата е: https://img.youtube.com/vi/5yLzZikS15k/0.jpg

Следвайки тази логика, кодът по-долу дава безупречни резултати:

<div align="left">
      <a href="https://www.youtube.com/watch?v=5yLzZikS15k">
         <img src="https://img.youtube.com/vi/5yLzZikS15k/0.jpg" style="width:100%;">
      </a>
</div>

В моя случай, като трик се сблъсках с този проблем, като конвертирах моя записан на екрана видеоклип в gif с помощта на онлайн конвертор, след което го добавих към моето маркиране така:

## Quick Overview of the project

![Functional Programming with Javascript using NASA API](./functionJsWithNasaAPI.gif)

Резултатът беше като този на изображението по-долу

Проверете това репо за преглед на живо на примерът по-горе. Надявам се този трик да помогне на някого :).

Ако се опитвате да вградите видеоклип в страница на GitHub, всичко, което трябва да направите, е да отидете на видеоклипа в youtube, да щракнете върху споделяне, да копирате кода за вграждане (трябва да изглежда така)

<iframe width="560" height="315" src="https://www.youtube.com/embed/Z7PExj_v-ZU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

и го поставете на вашата страница за маркиране.

Можете да опитате следното:

<iframe width="500" height="300" src="https://www.youtube.com/embed/<VIDEO_ID>" frameborder="0" allowfullscreen></iframe>