web-dev-qa-db-ger.com

Wie binde ich ein Video in GitHub README.md ein?

Kann ich auf GitHub ein Flash-Video in README.md einbetten? Es wird nicht angezeigt: https://github.com/mattdipasquale/PicSciP

189
ma11hew28

Das " Github Flavored Markdown " unterstützt diese Art von Funktion für keine Seite:

In einem alten Support-Thread "YouTube-Videos in Markdown-Dateien einbetten" heißt es:

Mit pages.github.io Ja, überall sonst nein.

(Hinweis: Wie in " Github Top-Level-Projektseite " beschrieben, ist github.io die neue Domain für - Benutzer- und Organisationsseiten seit April 2013.
Die Seite GitHub Veröffentlichung wird hier vorgestellt )

Dies könnte eine Funktionsanforderung sein, wie es die Syntaxhervorhebung war.

Zum Beispiel: " HTML5-Video in Markdown " (August 2010):

Gibt es eine Möglichkeit, ein HTML5-Video in die Datei README.markdown Zu implementieren?

Derzeit nicht, aber wir werden möglicherweise erweitern, was Sie in Zukunft mit den READMEs tun können.

In der Zwischenzeit können Sie dies mit GitHub Pages und unseren Wikis tun.


Benjamin Oakes bestätigt in den Kommentaren (Mai 2012):

Ich habe eine Supportanfrage gesendet. Die Antwort war, dass das Einbetten von Videos nicht unterstützt wird.

105
VonC

Ich empfehle dringend, das Video auf einer Projektwebsite zu platzieren, die mit GitHub Pages anstelle der Readme-Datei erstellt wurde, wie in VonCs Antwort beschrieben. es wird viel besser sein als jede dieser Ideen. Aber wenn Sie eine schnelle Lösung brauchen, wie ich sie brauchte, sind hier einige Vorschläge.

Verwenden Sie ein GIF

Siehe Aloisdgs Antwort , Ergebnis ist fantastisch, GIFs werden in Githubs Readme gerendert;)

Verwenden Sie ein Video-Player-Bild

Sie könnten den Benutzer täuschen, dass sich das Video auf der Readme-Seite mit einem Bild befindet. Es klingt wie ein Werbetrick, es ist nicht perfekt, aber es funktioniert und es ist lustig;).

Beispiel:

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

Ergebnis:

Watch the video

Verwenden Sie das Vorschaubild von youtube

Sie können auch das von youtube erzeugte Bild für Ihr Video verwenden.

Für YouTube-URLs in Form von:

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

Die Vorschau-URLs haben folgende Form:

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

Beispiel:

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

Ergebnis:

Watch the video

Verwenden Sie Asciinema

Wenn Ihr Anwendungsfall in einem Terminal ausgeführt wird, können Sie mit asciinema eine Terminalsitzung aufzeichnen und Nice Markdown einbetten.

Drücken Sie die Share-Taste und kopieren Sie das Markdown-Snippet.

Beispiel:

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

Ergebnis:

asciicast

217
GabLeRoux

Ich kombiniere Alexandre Jasmin und Gab Le Roux Antworten wie diese:

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

Demo:

Demo CountPages alpha

Sie können diese Demo auf Github sehen.

Ich habe gifyoutube hier verwendet, aber ich empfehle die Verwendung eines lokalen GIF-Konverters (wie ffmpeg, siehe wie ) anstelle eines Online-Konverters.

Wenn Sie Ihren Bildschirm direkt als GIF aufzeichnen möchten, aktivieren Sie möglicherweise ScreenToGif .

85
aloisdg

Für einfache Animationen können Sie ein animiertes GIF verwenden. Ich verwende eine in dieser README Datei zum Beispiel.

24
Alex Jasmin

Dies ist ein alter Beitrag, aber ich suchte nach einer Antwort und fand diese: https://gifs.com . Laden Sie einfach das Video hoch, dann wird ein GIF erstellt, das wir einfach in ein Github-Markdown einfügen können. Ich habe es versucht, die Qualität des Gifs ist gut.

2
Proustibat

nur um die Antwort von @ GabLeRoux zu erweitern:

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

auf diese Weise können Sie die Größe des Miniaturbilds in der Datei README.md auf Ihrem Github-Repo anpassen.

0
B.Kocis