Ich bin ziemlich neu im Markup (obwohl es extrem einfach zu holen ist). Ich arbeite an einem Paket und versuche, die Wiki-Seiten als Hilfe gut aussehen zu lassen. Ich kann ziemlich einfach einen YouTube-Videolink in die Wiki-Seite einfügen, aber wie kann ich ein YouTube-Video einbetten? Ich weiß, dass dies möglicherweise nicht möglich ist.
Ich habe gelesen, dass Sie HTML-Tags verwenden können, daher habe ich versucht, HTML über diesen Link wie folgt einzubetten:
<object width="425" height="350">
<param name="movie" value="http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg" />
<param name="wmode" value="transparent" />
<embed src="http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg"
type="application/x-shockwave-flash"
wmode="transparent" width="425" height="350" />
</object>
Und die Seite gespeichert, aber nichts ist passiert.
- Ist es möglich, ein YouTube-Video in GitHub-Wiki-Seiten einzubetten?
- Wenn das so ist, wie?
Antworten:
Es ist nicht möglich, Videos direkt einzubetten, aber Sie können ein Bild einfügen, das auf ein YouTube-Video verweist:
[![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)
Weitere Informationen finden Sie in diesem Markdown-Cheatsheet auf GitHub.
quelle
Vollständiges Beispiel
Obwohl es nicht möglich ist, ein Video in Markdown einzubetten , können Sie es "fälschen", indem Sie ein gültiges verknüpftes Bild in Ihre Markup-Datei in folgendem Format aufnehmen:
[![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")
Erklärung des Abschlags
Wenn dieses Markup-Snippet kompliziert aussieht, teilen Sie es in zwei Teile auf:
ein Bild
![image alt text](https://example.com/link-to-image)
in einem Link
[link text](https://example.com/my-link "link title")
Beispiel mit Valid Markdown und YouTube Thumbnail:
Wir beziehen das Miniaturbild direkt von YouTube und verlinken es mit dem eigentlichen Video. Wenn die Person also auf das Bild / Miniaturbild klickt, wird sie zum Video weitergeleitet.
Code:
[![Everything Is AWESOME](https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")
ODER Wenn Sie den Lesern einen visuellen Hinweis geben möchten, dass das Bild / die Miniaturansicht tatsächlich ein abspielbares Video ist, machen Sie einen eigenen Screenshot des Videos in YouTube und verwenden Sie diesen stattdessen als Miniaturansicht.
Beispiel für die Verwendung eines Screenshots mit Videosteuerung als Visual Cue:
Code:
[![Everything Is AWESOME](http://i.imgur.com/Ot5DWAW.png)](https://youtu.be/StTqXEQ2l-Y?t=35s "Everything Is AWESOME")
Klare Vorteile
Dies erfordert zwar einige zusätzliche Schritte: ( a ) Erstellen des Screenshots des Videos und ( b ) Hochladen des Videos , damit Sie das Bild als Miniaturbild verwenden können. Es bietet jedoch drei klare Vorteile :
Das Aufnehmen und Hochladen eines Screenshots dauert einige Sekunden, zahlt sich jedoch aus.
Funktioniert überall!
Da dies Standardabschlag ist, funktioniert es überall. Probieren Sie es auf GitHub, Reddit, Ghost und hier auf Stack Overflow aus.
Vimeo
Dieser Ansatz funktioniert auch mit Vimeo-Videos
Beispiel
Code
Anmerkungen:
quelle
[![Everything Is AWESOME](//img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](//www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")
http
oderhttps
auf GitHub, zB: github.com/dwyl/remote-working, wo das Videobild und der Link funktionieren ...Markdown unterstützt offiziell keine Video-Einbettungen, aber Sie können rohen HTML-Code einbetten. Ich habe mit GitHub Pages getestet und es funktioniert einwandfrei.
Das Snippet sieht aus wie:
PS: Sie können die Live-Vorschau hier ansehen
quelle
Wenn Sie HTML-Tags mehr mögen als Markdown + Center Alignment:
quelle
Mitte Video mit Miniaturbild und Link ausrichten:
Ergebnis:
quelle
https://img.youtube.com/vi/ID_OF_VIDEO/0.jpg
diesen BildlinkIch habe https://yt-embed.herokuapp.com/ erstellt , um dies zu vereinfachen. Die Verwendung erfolgt direkt aus den obigen Beispielen:
Wird darin enden, dass:
Rufen Sie einfach an: https://yt-embed.herokuapp.com/embed?v=[video_id] als Bild anstelle von https://img.youtube.com/vi/ .
quelle
Prüfen Sie weitere Tipps, Tricks über youtube
quelle