Esempio completo
Espandendo la risposta di @MGA
Sebbene non sia possibile incorporare un video in Markdown, puoi "fingere" includendo un'immagine collegata valida nel tuo file di markup, usando questo formato:
[![IMAGE ALT TEXT](http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE "Video Title")
Spiegazione del Markdown
Se questo frammento di markup sembra complicato, suddividilo in due parti:
un'immagine
![image alt text](https://example.com/link-to-image)
avvolta in un collegamento
[link text](https://example.com/my-link "link title")
Esempio con Markdown valido e Miniatura di YouTube:
Stiamo acquistando l'immagine in miniatura direttamente da YouTube e ci colleghiamo al video reale, quindi quando la persona fa clic sull'immagine / miniatura verrà presa per il video.
Codice:
[![Everything Is AWESOME](https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")
OPPURE Se vuoi dare ai lettori un segnale visivo che l'immagine / miniatura è in realtà unvideo riproducibile , prendi il tuo screenshot del video su YouTube e usalo come miniatura.
Esempio di utilizzo di Screenshot con controlli video come Visual Cue:
Codice:
[![Everything Is AWESOME](http://i.imgur.com/Ot5DWAW.png)](https://youtu.be/StTqXEQ2l-Y?t=35s "Everything Is AWESOME")
Vantaggi chiari
Sebbene ciò richieda un paio di passaggi extra ( a ) acquisire lo screenshot del video e ( b ) caricarlo in modo da poter utilizzare l'immagine come miniatura, presenta 3 chiari vantaggi :
- La persona che legge il tuo markdown (o la pagina html risultante) ha un segnale visivo che dice che possono guardare il video ( i controlli video incoraggiano a fare clic )
- Puoi scegliere un fotogramma specifico nel video da utilizzare come anteprima (rendendo così i tuoi contenuti più coinvolgenti )
- Puoi collegare un orario specifico nel video da cui inizierà la riproduzione quando si fa clic sull'immagine collegata. (nel nostro caso da 35 secondi)
Catturare e caricare uno screenshot richiede alcuni secondi ma ha un grande profitto.
Funziona ovunque!
Poiché si tratta di un markdown standard, funziona ovunque. provalo su GitHub, Reddit, Ghost e qui su Stack Overflow.
Vimeo
Questo approccio funziona anche con i video Vimeo
Esempio
Codice
[![Little red riding hood](http://i.imgur.com/7YTMFQp.png)](https://vimeo.com/3514904 "Little red riding hood - Click to Watch!")
Appunti: