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.

1. Ist es möglich, ein YouTube-Video in GitHub-Wiki-Seiten einzubetten?
2. Wenn das so ist, wie?

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.

Vollständiges Beispiel

Erweitern der Antwort von @MGA

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 :

1. Die Person, die Ihren Markdown (oder die daraus resultierende HTML-Seite) liest, hat einen visuellen Hinweis , der ihnen sagt, dass sie das Video ansehen können ( Videosteuerelemente fördern das Klicken ).
2. Sie können einen bestimmten Frame im Video auswählen, der als Miniaturansicht verwendet werden soll (wodurch Ihre Inhalte ansprechender werden ).
3. Sie können eine bestimmte Zeit im Video verknüpfen, ab der die Wiedergabe beginnt, wenn auf das verknüpfte Bild geklickt wird. (in unserem Fall ab 35 Sekunden)

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

[![Little red riding hood](http://i.imgur.com/7YTMFQp.png)](https://vimeo.com/3514904 "Little red riding hood - Click to Watch!")

Anmerkungen:

• So machen Sie einen Screenshot: http://www.take-a-screenshot.org/ (alle Plattformen)
• Thumbnail-Bild hochladen : Sobald Sie Ihren Screenshot aufgenommen haben, können Sie ihn per Drag & Drop auf imgur.com ziehen, um ihn hochzuladen und sofort als Thumbnail zu verwenden
• Informationen zu YouTube-Miniaturansichten: Wie erhalte ich eine Miniaturansicht eines YouTube-Videos von der YouTube-API?

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.

1. Gehe zur Videoseite auf YouTube und klicke auf die Schaltfläche "Teilen"
2. Wählen Sie Einbetten
3. Kopieren Sie das HTML-Snippet und fügen Sie es in Ihren Markdown ein

Das Snippet sieht aus wie:

    <iframe width="560" height="315"
src="https://www.youtube.com/embed/MUQfKFzIOeU" 
frameborder="0" 
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" 
allowfullscreen></iframe>

PS: Sie können die Live-Vorschau hier ansehen

Wenn Sie HTML-Tags mehr mögen als Markdown + Center Alignment:

<div align="center">
  <a href="https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE"><img src="https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg" alt="IMAGE ALT TEXT"></a>
</div>

Mitte Video mit Miniaturbild und Link ausrichten:

<div align="center">
      <a href="https://www.youtube.com/watch?v=StTqXEQ2l-Y">
     <img 
      src="https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg" 
      alt="Everything Is AWESOME" 
      style="width:100%;">
      </a>
    </div>

Ergebnis:

Ich habe https://yt-embed.herokuapp.com/ erstellt , um dies zu vereinfachen. Die Verwendung erfolgt direkt aus den obigen Beispielen:

[![Everything Is AWESOME](https://yt-embed.herokuapp.com/embed?v=StTqXEQ2l-Y)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")

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/ .

• Wir können HTML-Code in Markdown verwenden.
• Überprüfen Sie das offizielle Dokument unter Einbetten eines Videos oder einer Wiedergabeliste unter support.google.com/youtube

<iframe width="560" height="315"
src="https://www.youtube.com/embed/videoseries?list=PLx0sYbCqOb8TBPRdmBHs5Iftvv9TPboYG"
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Prüfen Sie weitere Tipps, Tricks über youtube