YouTube Videos ohne iFrame einbinden.

Manchmal würde man gerne auch YouTube Videos einbinden, ohne ein YouTube Embed zu verwenden. Dies ist aber von YouTube aus nicht direkt möglich.

Nun könnte man aber auch noch ein Embed von dem alternativen Frontend für YouTube – Invidious – verwenden. Aber das ist dann halt auch wieder ein Suboptimales Embed.

Jedoch, wenn man sich den Code von Invidious ansieht, kann man folgende direkte Medienlinks finden:

(Die Alternativen Links nutzen kein Invidious, somit auch keine Proxy)
(Für die Links mit meinem Service (yt-dl.dhusch.de) gibt es auch einen Generator. Klicke hier und gebe deine Video ID an. Wähle das Format HTML.)

• Video (720p): [invidious_instance]/latest_version?id=[vid_id]&itag=22&local=true
• Video (Alternativ): https://yt-dl.dhusch.de?vid=[vid_id]
• Audio only: [invidious_instance]/latest_version?id=[vid_id]&itag=251&local=true
• Audio (Alternativ): https://yt-dl.dhusch.de/?vid=[vid_id]&format=audio
• Thumbnail: [invidious_instance]/vi/[vid_id]/maxres.jpg
• Thumbnail (Alternativ): https://img.youtube.com/vi/[vid_id]/maxresdefault.jpg
• Thumbnail (Alternativ): https://yt-dl.dhusch.de/?vid=[vid_id]&format=image

Damit kann man dann einen HTML Videoplayer bauen. Der Code würde so aussehen:

<video preload="none" controls src="[video]" poster="[thumbnail]"></video>

Für Audio:

<audio controls src="[audio]"></audio>

Hier habt ihr nochmal ein Beispiel. Hierbei habe ich dieses Video genommen. (Invidious)

Audio: (Invidious)

^{Falls das Video nicht geladen werden kann, bitte die Webseite neu laden. Das liegt daran, dass YouTube den Medienlink sehr oft ändert.}

Alternativ Video: (yt-dl.dhusch.de)

Alternativ Audio: (yt-dl.dhusch.de)

Hier sind ein paar Invidious Instanzen, die ihr verwenden könnt: