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

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

Ответ 1

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

Старый поток поддержки "Вставьте видео на YouTube в файлы разметки":

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

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

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

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

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

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

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


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

Я отправил запрос поддержки. Ответ заключался в том, что вложение видео не поддерживается.

Ответ 2

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

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

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

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

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

Пример:

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

Результат:

Watch the video

Используйте изображение предварительного просмотра 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)

Результат:

Watch the video

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

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

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

Пример:

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

Результат:

asciicast

Ответ 3

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

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

Демо-версия:

Demo CountPages alpha

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

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

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

Ответ 4

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

Ответ 5

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

Ответ 6

просто чтобы расширить ответ @GabLeRoux:

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

таким образом вы сможете настроить размер миниатюрного изображения в файле README.md на вашем репозитории Github.

Ответ 7

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

<iframe width="854" height="480" src="https://www.youtube.com/embed/yrRPLBYiiEc" frameborder="0" allowfullscreen></iframe>

Как получить код для встраивания? Щелкните правой кнопкой мыши на видео Youtube → Copy Embed code