Jak osadzić wideo w GitHub README.md?

Czy można osadzić wideo flash w README.md na GitHub? Nie pokazuje się: https://github.com/mattdipasquale/PicSciP

„ Github Flavored Markdown ” nie obsługuje tego rodzaju funkcji na żadnej stronie:

Stary wątek wsparcia „Osadzanie filmów z YouTube w plikach przecen” powiedział:

Z pages.github.io, tak, wszędzie indziej, nie.

(Uwaga: jak wyszczególniono w „ Stronie projektu najwyższego poziomu Github ”, github.io jest nową domeną dla stron użytkowników i organizacji od kwietnia 2013 r.
Tutaj publikowana jest strona GitHub )

Może to być żądanie funkcji, takie jak wyróżnianie składni.

Na przykład: „ Wideo HTML5 w przecenie ” (sierpień 2010):

Czy jest jakiś sposób na implementację wideo HTML5 w README.markdownpliku?

Obecnie nie, ale możemy rozszerzyć możliwości programu README w przyszłości.

W międzyczasie możesz to zrobić za pomocą GitHub Pages i naszych Wiki.

Benjamin Oakes potwierdza w komentarzach (maj 2012):

Wysłałem prośbę o wsparcie. Odpowiedź była taka, że ​​osadzanie filmów nie jest obsługiwane.

Zdecydowanie polecam umieszczenie wideo na stronie projektu utworzonej za pomocą GitHub Pages zamiast readme, jak opisano w odpowiedzi VonC ; będzie o wiele lepszy niż którykolwiek z tych pomysłów. Ale jeśli potrzebujesz szybkiej poprawki, tak jak ja potrzebowałem, oto kilka sugestii.

Użyj gif

Zobacz odpowiedź aloisdga , wynik jest niesamowity, gify są renderowane w readme githuba;)

Użyj zdjęcia odtwarzacza wideo

Możesz nakłonić użytkownika do myślenia, że ​​wideo znajduje się na stronie readme ze zdjęciem. Brzmi jak podstęp reklamowy, nie jest idealny, ale działa i jest zabawny;).

Przykład:

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

Wynik:

Użyj podglądu youtube

Do filmu możesz także użyć obrazu wygenerowanego przez youtube.

W przypadku adresów URL youtube w postaci:

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

Te adresy URL podglądu są w formie:

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

Przykład:

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

Wynik:

Użyj asciinema

Jeśli twój przypadek użycia jest czymś, co działa w terminalu, asciinema pozwala nagrać sesję terminala i ma ładne osadzanie znaczników.

Naciśnij przycisk udostępniania i skopiuj fragment zniżki.

Przykład:

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

Wynik:

Łączę odpowiedzi Alexandre Jasmin i Gab Le Roux w następujący sposób:

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

Próbny:

Możesz zobaczyć to demo na github .

Użyłem gifyoutube tutaj, ale polecam przy użyciu lokalnego konwerter gif (jak ffmpeg, zobacz jak ) zamiast jednego online.

Aby nagrać ekran bezpośrednio na gif, możesz sprawdzić ScreenToGif .

Do prostych animacji możesz użyć animowanego gifa. Na przykład używam jednego z tego pliku README .

aby rozszerzyć odpowiedź @ GabLeRoux:

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

w ten sposób będziesz mógł dostosować rozmiar miniatury w pliku README.md na swoim repozytorium Github.

To jest stary post, ale szukałem odpowiedzi i znalazłem to: https://gifs.com . Wystarczy załadować film, a następnie utworzy gif, który możemy łatwo dodać w przecenie github. Próbowałem, jakość gif jest dobra.