Як вставити відео в GitHub README.md?

Чи можна вставити спалахи у відео README.md на GitHub? Це не відображається: https://github.com/mattdipasquale/PicSciP

" Знищений аромат Github " " не підтримує цю функцію для жодної сторінки:

У старій темі підтримки "Вставити відео YouTube у файли розмітки" зазначено:

З pages.github.io, так, скрізь, ні.

(Примітка. Як детально описано в " Сторінці проекту Github вищого рівня ", github.io - це новий домен для сторінок користувачів та організацій з квітня 2013 року
. Сторінка публікації GitHub представлена ​​тут )

Це може бути запит на особливості, як, наприклад, підсвічування синтаксису.

Наприклад: " HTML5 video in markdown " (серпень 2010 р.):

Чи є спосіб реалізувати відео у форматі HTML5 README.markdown?

Наразі, але ми можемо розширити, що ви можете зробити з README в майбутньому.

Тим часом, ви можете зробити це за допомогою GitHub Pages і наших Вікі.

Бенджамін Оукс підтверджує у коментарях (травень 2012 р.):

Я надіслав запит на підтримку. У відповідь було те, що вбудовування відео не підтримується.

Я настійно рекомендую розміщувати відео на веб-сайті проекту, створеному за допомогою GitHub Pages замість readme, як описано у відповіді VonC ; це буде набагато краще, ніж будь-яка з цих ідей. Але якщо вам потрібно швидко виправити так, як мені потрібно, ось кілька пропозицій.

Використовуйте gif

Дивіться відповідь aloisdg , результат приголомшливий, gif-файли відображаються в режимі readth github;)

Використовуйте зображення відеоплеєра

Ви можете підманути користувача думати, що відео на зображенні знаходиться на сторінці readme. Це звучить як рекламний трюк, він не ідеальний, але він працює і це смішно;).

Приклад:

[![Watch the video](https://i.imgur.com/vKb2F1B.png)](https://youtu.be/vt5fpE0bzSY)

Результат:

Використовуйте зображення для попереднього перегляду YouTube

Ви також можете використовувати зображення, створене ютубом для свого відео.

Для URL-адрес youtube у вигляді:

https://www.youtube.com/watch?v=<VIDEO ID>
https://youtu.be/<VIDEO URL>

У Попередній перегляд URLs у вигляді:

https://img.youtube.com/vi/<VIDEO ID>/maxresdefault.jpg
https://img.youtube.com/vi/<VIDEO ID>/hqdefault.jpg

Приклад:

[![Watch the video](https://img.youtube.com/vi/T-D1KVIuvjA/maxresdefault.jpg)](https://youtu.be/T-D1KVIuvjA)

Результат:

Використовуйте асцинему

Якщо ваш випадок використання - це те, що працює в терміналі, asciinema дозволяє записати термінальний сеанс і має гарне вбудовування розмітки.

Натисніть кнопку "Поділитися" та скопіюйте фрагмент розмітки.

Приклад:

[![asciicast](https://asciinema.org/a/113463.png)](https://asciinema.org/a/113463)

Результат:

Я поєдную такі відповіді Олександра Жасміна та Габа Ле Ру :

[![Demo CountPages alpha](https://share.gifyoutube.com/KzB6Gb.gif)](https://www.youtube.com/watch?v=ek1j272iAmc)

Демонстрація:

Ви можете побачити цю демонстрацію на github .

Тут я використовував gifyoutube , але рекомендую використовувати локальний конвертер gif (наприклад, ffmpeg, див. Як ) замість онлайн- конвеєра .

Для прямого запису екрана в gif ви можете перевірити ScreenToGif .

Для простої анімації можна використовувати анімований gif. Наприклад, я використовую такий файл у цьому файлі README .

просто щоб продовжити відповідь @ GabLeRoux:

[<img src="https://img.youtube.com/vi/<VIDEO ID>/maxresdefault.jpg" width="50%">](https://youtu.be/<VIDEO ID>)

таким чином ви зможете налаштувати розмір мініатюрного зображення у файлі README.md на вашому Github repo.

Це стара публікація, але я шукав відповідь, і знайшов це: https://gifs.com . Просто завантажте відео, тоді він створить gif, який ми можемо легко додати в розмітку github. Я спробував, якість gif - хороша.