Как вставить видео в файл README.md на GitHub?

Возможно ли вставить флэш-видео <объект> в README.md на GitHub? Он не отображается: https://github.com/mattdipasquale/PicSciP

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

Использовать gif

См. aloisdg's answer, результат потрясающий, gif'ы выводятся в readme на github'е ;)

Использовать картинку видеоплеера

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

Пример:

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

Результат:

[](https://youtu.be/vt5fpE0bzSY)

Используйте youtube's preview picture

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

Для урлов youtube в виде:

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

Урлы preview urls имеют вид:

https://img.youtube.com/vi/<amp-video ID>/maxresdefault.jpg
https://img.youtube.com/vi/<amp-video ID>/hqdefault.jpg

Пример:

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

Результат:

[](https://youtu.be/T-D1KVIuvjA)

Используйте asciinema

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

Нажмите кнопку share и скопируйте фрагмент с разметкой.

Пример:

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

Результат:

Комментарии (1)
Решение

В "Github Flavored Markdown" не поддерживается такая возможность для любой страницы:

В старой ветке поддержки "Embed YouTube videos in markdown files" говорилось:

На pages.github.io - да, в других местах - нет.

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

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

Например: "HTML5 видео в markdown" (август 2010):

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

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

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


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

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

Комментарии (16)

Я совмещаю Алешандре Жасмин и Габ Ле Ру такой ответ:

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

Демо:

[](https://www.youtube.com/watch?v=ek1j272iAmc)

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

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

Запись экрана в GIF напрямую, вы можете проверить ScreenToGif.

Комментарии (4)

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

Комментарии (3)

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

Комментарии (0)

просто для расширения @GabLeRoux'ы ответа:

[](https://youtu.be/<amp-video ID>)

таким образом, Вы сможете регулировать размер миниатюр в ридми.файл MD вы на GitHub РЕПО.

Комментарии (0)