Как встроить видео в GitHub README.md?

Question

Можно ли встроить флэш-видео в README.md на GitHub?Не отображается: https://github.com/mattdipasquale/PicSciP

Answer 1

Я настоятельно рекомендую разместить видео на веб-сайте проекта, созданном с помощью GitHub Pages вместо readme, как описано в VonC's answer ; это будет намного лучше, чем любая из этих идей. Но если вам нужно быстрое решение, как и мне, вот несколько советов.

Используйте подарок

См. ответ aloisdg , результат потрясающий, GIF-файлы отображаются на readme github;)

Использование изображения с видео-плеера

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

Пример:

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

Результат:

Использовать предварительный просмотр YouTube

Вы также можете использовать изображение, созданное YouTube для вашего видео.

Для URL YouTube в виде:

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

URL-адреса предварительного просмотра имеют вид:

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

Если ваш вариант использования работает в терминале, asciinema позволяет записывать сеанс терминала и имеет хорошее вложение уценки.

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

Пример: * * тысяча пятьдесят-семь

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

Результат:

Answer 2

" Github Flavored Markdown " не поддерживает такую ​​функцию для любой страницы:

Старая ветка поддержки "Вставить видео YouTube в файлы уценки" гласила:

С pages.github.io, да, везде, нет.

(Примечание: как подробно описано в " Страница проекта верхнего уровня Github ", github.io - это новый домен для страниц пользователей и организаций с апреля 2013 года.
Здесь публикуется публикация GitHub на странице )

Thisэто может быть запрос функции, такой как подсветка синтаксиса.

Например: « HTML5 видео в уценке » (август 2010):

IsЕсть ли способ внедрить видео HTML5 в файл README.markdown?

В настоящее время нет, но мы могли бы расширить возможности, которые вы можете сделать с README в будущем.

Втем временем вы можете сделать это с помощью страниц GitHub и наших вики.

---

Бенджамин Оукс подтверждает в комments (май 2012):

Я отправил запрос в службу поддержки.Ответ был таков: встраивание видео не поддерживается.

Answer 3

Я объединяю Александр Жасмин и Габ Ле Ру ответы так:

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

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

Вы можете увидеть это демо на github .

Я использовал gifyoutube здесь, но я рекомендую использовать локальный конвертер GIF (например,ffmpeg, посмотрите, как ) вместо онлайнового.

Чтобы записать ваш экран в gif-файл напрямую, вы можете проверить ScreenToGif .

Answer 4

Для простых анимаций вы можете использовать анимированный GIF. Я использую один в этом файле README , например.

Answer 5

Это старый пост, но я искал ответ, и я нашел это: https://gifs.com. Просто загрузите видео, затем оно создаст GIF, который мы можем легко добавить в уценке github. Я попробовал, качество картинки хорошее.