Come incorporare un video in GitHub README.md?


Risposte:


118

" Github Flavored Markdown " non supporta questo tipo di funzionalità per nessuna pagina:

Un vecchio thread di supporto "Incorpora i video di YouTube nei file di markdown" diceva:

Con pages.github.io, sì, ovunque, no.

(Nota: come dettagliato nella " Pagina di progetto di primo livello di Github ", github.io è il nuovo dominio per le pagine degli utenti e dell'organizzazione da aprile 2013.
La pubblicazione di GitHub è presentata qui )

Questa potrebbe essere una richiesta di funzionalità come l'evidenziazione della sintassi era.

Ad esempio: " Video HTML5 in markdown " (agosto 2010):

Esiste un modo per implementare un video HTML5 nel README.markdownfile?

Non attualmente, ma potremmo ampliare ciò che puoi fare con i README in futuro.

Nel frattempo, puoi farlo con GitHub Pages e i nostri Wiki.


Benjamin Oakes conferma nei commenti (maggio 2012):

Ho inviato una richiesta di supporto. La risposta è stata che l'incorporamento di video non è supportato.


2
Quei collegamenti sembrano essere rotti; mi portano su github.com/contact ora. Qualcuno ha accesso a una versione archiviata? Sto facendo fatica a uscire da Google Cache o Wayback Machine.
Benjamin Oakes,

1
Per quello che vale il video HTML5 nelle pagine wiki non sembra più funzionare.
Benjamin Oakes,

Ho inviato una richiesta di supporto. La risposta è stata che l'incorporamento di video non è supportato.
Benjamin Oakes,

17
C'è un problema pubblico da qualche parte che potrei votare?
Sarà il

2
@hyipscript In realtà non sono sicuro: le citazioni provengono da un thread di supporto GitHub di 5 anni (ho ripristinato il link nella risposta), da [Chris Wanstrath - defunkt] ( github.com/defunkt ), uno dei co- fondatori di GitHub. Non ho maggiori dettagli a riguardo.
VonC,

252

Consiglio vivamente di collocare il video in un sito Web del progetto creato con GitHub Pages anziché il file Leggimi, come descritto nella risposta di VonC ; sarà molto meglio di qualsiasi di queste idee. Ma se hai bisogno di una soluzione rapida proprio come avevo bisogno, ecco alcuni suggerimenti.

Usa una gif

Vedi la risposta di aloisdg , il risultato è fantastico, le gif sono rese sul file Leggimi di github;)

Usa un'immagine del video player

Potresti indurre l'utente a pensare che il video sia nella pagina del file Leggimi con un'immagine. Sembra un trucco pubblicitario, non è perfetto, ma funziona ed è divertente;).

Esempio:

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

Risultato:

Guarda il video

Usa l'immagine di anteprima di YouTube

Puoi anche utilizzare l'immagine generata da YouTube per il tuo video.

Per gli URL di YouTube sotto forma di:

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

Gli URL di anteprima sono in forma di:

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

Esempio:

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

Risultato:

Guarda il video

Usa asciinema

Se il tuo caso d'uso è qualcosa che gira in un terminale, asciinema ti consente di registrare una sessione del terminale e ha un buon incorporamento markdown.

Premi il pulsante Condividi e copia lo snippet di markdown.

Esempio:

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

Risultato:

asciicast


1
Ci sono anche fantastici strumenti là fuori per creare una gif o immagini animate in formato svg dai tuoi asciicasts (ad esempio github.com/marionebl/svg-term-cli ) ;-)
JepZ

100

Combino Alexandre Jasmin e Gab Le Roux risposte in questo modo:

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

demo:

Demo CountPages alpha

Puoi vedere questa demo su github .

Ho usato gifyoutube qui, ma raccomando di usare un convertitore gif locale (come ffmpeg, vedi come ) invece di uno online.

Per registrare lo schermo su GIF direttamente, potresti voler controllare ScreenToGif .


1
Penso che questa dovrebbe essere la risposta selezionata. Questo è il più vicino a un video che puoi ottenere e per la maggior parte delle persone è un video. Che cos'è un video? I fotogrammi si muovono in sequenza per darci l'illusione che sta giocando. Una gif animata è la stessa cosa ... Anche se l'OP ha richiesto specificamente il video flash, il che è impossibile, useresti questo metodo per convertire il video flash in una gif animata.
Wade,

1
voi signore siete intelligenti; Lo sto usando dappertutto ora. Potresti voler aggiungere l'URL da scegliere, cioè l'URL diretto (non sono riuscito a trovare un url share.gifyoutube.com)
Dheeraj Bhaskar,

Nota che ormai il sito è gifs.com, ti scarica da j.gifs.com e ti richiede di avere un account gifs.com per il download
Jeroen Wiert Pluimers

1
Licecap è una buona alternativa a screentogif per gli utenti mac!
J.beenie,

26

Per animazioni semplici puoi usare una gif animata. Ne sto usando uno in questo file README per esempio.


1
@HarishKayarohanam "fino a quando Github non introduce questa funzione" in generale o stanno / stavano lavorando su una cosa del genere? Se è così, avrebbero dovuto finirlo ormai? :)
Paul,

2
@Paul No, non ci stanno lavorando, come ho imparato un paio di mesi fa ... Sentiti libero di risolvere il problema! github.com/github/markup/issues/538
Petr Dvořák

Nel fare ciò, si prega di considerare l'accessibilità. Le persone con difficoltà di attenzione possono avere difficoltà a leggere il testo se accanto è visibile un'animazione in movimento.
Eneroth3,

6

solo per estendere la risposta di @ GabLeRoux:

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

in questo modo sarai in grado di regolare la dimensione dell'immagine in miniatura nel file README.md sul tuo repository Github.


3

Questo è un vecchio post ma stavo cercando una risposta e ho trovato questo: https://gifs.com . Basta caricare il video, quindi crea una gif che possiamo aggiungere facilmente in un markdown github. L'ho provato, la qualità della gif è buona.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.