Я досить нова в розмітці (хоча надзвичайно просто підбирати). Я працюю над пакетом і намагаюся, щоб сторінки wiki виглядали чудово, як посібник з довідки. Я можу вставити посилання на відео YouTube на сторінку wiki досить легко, але як вставити відео на YouTube. Я знаю, що це може бути неможливим.

Я читав, що ви можете використовувати теги HTML, тому я спробував вбудовувати HTML за цим посиланням так:

<object width="425" height="350">
  <param name="movie" value="http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg" />
  <param name="wmode" value="transparent" />
  <embed src="http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg"
         type="application/x-shockwave-flash"
         wmode="transparent" width="425" height="350" />
</object>

І зберегла сторінку, але нічого не сталося.

1. Чи можливо вставити відео YouTube на вікі-сторінки GitHub?
2. Якщо так, як?

Неможливо вставити відео безпосередньо, але ви можете розмістити зображення, яке посилається на відео 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 на GitHub.

Повний приклад

Розширення на @MGA Відповідь «S

Хоча вставити відео в 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](https://example.com/link-to-image)
загорнуте у посилання
[link text](https://example.com/my-link "link title")

Приклад з використанням дійсної відмітки та мініатюри YouTube:

Ми отримуємо ескіз зображення безпосередньо з 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 і використовуйте його як ескіз.

Приклад використання екрана з відео керування як Visual Cue:

Код:

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

 Ясні переваги

Хоча для цього потрібні кілька додаткових кроків ( а ) зняття скріншоту відео та ( b ) завантаження його, щоб ви могли використовувати зображення як ескіз, але в ньому є три чіткі переваги :

1. Людина, яка читає вашу розмітку (або в результаті HTML-сторінки), має візуальну підказку, яка скаже їм, що вони можуть переглянути відео ( відео керування заохочують натискання )
2. Ви можете обрати конкретний кадр у відео, який використовуватимете як ескіз (тим самим зробивши ваш вміст більш привабливим )
3. Ви можете встановити посилання на певний час у відео, з якого розпочнеться відтворення, коли натиснути на пов'язане зображення. (у нашому випадку від 35 секунд)

Зйомка екрана і завантаження екрана займає кілька секунд, але має велику користь.

Працює скрізь!

Оскільки це стандартна відмітка, вона працює скрізь. спробуйте його на GitHub, Reddit, Ghost і тут на Stack Overflow.

Вімео

Цей підхід також працює з відео 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: Ви можете переглянути попередній попередній перегляд тут

Якщо вам більше подобаються теги 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>

Результат:

Я створив 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= evidencevideo_id] як зображення замість https://img.youtube.com/vi/ .

• Ми можемо використовувати html-код у Markdown.
• Перегляньте офіційний документ на вставці відео чи списку відтворення з support.google.com/youtube

<iframe width="560" height="315"
src="https://www.youtube.com/embed/videoseries?list=PLx0sYbCqOb8TBPRdmBHs5Iftvv9TPboYG"
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Перевірте більше порад, хитрощів про ютуб