Wie kann ich ein YouTube-Video auf GitHub-Wiki-Seiten einbetten?

Question

Ich bin ein ziemlicher Neuling auf dem Gebiet des Markup (obwohl es sehr leicht zu erlernen ist). Ich arbeite an einem Paket und versuche, die Wiki-Seiten so zu gestalten, dass sie wie ein Hilfehandbuch aussehen. Ich kann einen YouTube-Video-Link ganz einfach in die Wiki-Seite einfügen, aber wie bette ich ein YouTube-Video ein? Ich weiß, dass das vielleicht nicht möglich ist.

Ich habe gelesen, dass man HTML-Tags verwenden kann, also habe ich versucht, mit HTML wie folgt einzubetten enlace wie folgt:

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

Ich habe die Seite gespeichert, aber es ist nichts passiert.

1. Ist es möglich, ein YouTube-Video auf GitHub-Wiki-Seiten einzubetten?
2. Wenn ja, wie?

Answer 1

Ich erstelle eine API, mit der Sie das tun können! Sie können gehen zu Diese Website zu generieren oder die API zu verwenden. Mit dieser Api können Sie auch die Größe festlegen! 文書

[![ALT](https://youtube-md.vercel.app/VIDEO-ID)](https://www.youtube.com/watch?v=VIDEO-ID)

Beispiel:

[![Rick Astley - Never Gonna Give You Up (Official Music Video)](https://youtube-md.vercel.app/dQw4w9WgXcQ/640/360)](https://www.youtube.com/watch?v=dQw4w9WgXcQ)

Bearbeiten:

Diese API funktioniert im Moment nicht, Sie können sie selbst hosten: Github-Link

Answer 2

In meinem Fall habe ich dieses Problem mit einem Trick gelöst, indem ich mein aufgezeichnetes Bildschirmvideo mit einem Online-Konverter in ein GIF umgewandelt und es dann wie folgt zu meinem Markdown hinzugefügt habe:

## Quick Overview of the project

![Functional Programming with Javascript using NASA API](./functionJsWithNasaAPI.gif)

Das Ergebnis sieht wie in der folgenden Abbildung aus

Siehe dieses Projektarchiv für eine Live-Vorschau des obigen Beispiels. Ich hoffe, dieser Trick kann jemandem helfen :).

Answer 3

Mit einem kleinen Trick können Sie beliebige Videos hochladen, sogar direkt von Ihrem Computer. Um das zu tun,

• können Sie eine Ausgabe und ziehen Sie die Videodatei einfach hinein
• Ich bevorzuge immer eine Vorschaubild zu tun, Schnappschuss ein Bild aus dem Video und ziehen Sie es wie im vorherigen Schritt
• Sie haben jetzt zwei urls aus dem Video und dem Bild
• verwenden Sie die Urls als: [![img_tag](https://image-url.png)](https://video-url.mp4)
• z.B.,

• schließen Sie einfach die Ausgabe jetzt (wenn Sie wollen)

Answer 4

Wenn du versuchst, ein Video auf einer GitHub-Seite einzubetten, musst du nur auf das YouTube-Video gehen, auf Teilen klicken und den Einbettungscode kopieren (er sollte so aussehen)

<iframe width="560" height="315" src="https://www.youtube.com/embed/Z7PExj_v-ZU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

und fügen Sie es in Ihre Markdown-Seite ein.

Answer 5

Ersetze die ID meines YouTube-Videos durch die ID deines YouTube-Videos

<a href="https://youtu.be/5xwHkLPgvtQ" title="Music Caster Video Demo">
  <p align="center">
    <img width="75%" src="https://img.youtube.com/vi/5xwHkLPgvtQ/maxresdefault.jpg" alt="Music Caster Video Demo Thumbnail"/>
  </p>
</a>

html {
  background: #2D2D2D;
}

<a href="https://youtu.be/5xwHkLPgvtQ" title="Music Caster Video Demo">
  <p align="center">
    <img width="75%" src="https://img.youtube.com/vi/5xwHkLPgvtQ/maxresdefault.jpg" alt="Music Caster Video Demo Thumbnail"/>
  </p>
</a>

Beispiel aus der Praxis