"Embed" mit nur normalen YouTube-URL

Question

Ich frage mich, ob es möglich ist, YouTube-Videos in HTML zu implementieren - der Haken ist, dass ich es tun möchte, ohne auf "teilen" und "einbetten" auf YouTube um den Link zu bekommen . Stattdessen möchte ich es so, dass ich einfach die URL kopieren kann.

Zum Beispiel, statt diesem Link https://www.youtube.com/embed/09m0B8RRiEE,

Ich mag diesen Link habe https://www.youtube.com/watch?v=09m0B8RRiEE

Der Zweck ist, so dass ich eine Plattform haben kann, wo Benutzer können nahtlos einfach einfügen kopieren, ohne mit unnötigem Umgang Extra Klicks - Wie du es bei Facebook machen kannst.

Jede Hilfe würde wirklich geschätzt werden!

Answer 1

https://www.youtube.com/watch?v=09m0B8RRiEE hat x-frame-options:SAMEORIGIN in seinem Kopf. Sie können es also nicht einfach über Iframes in Ihre Websites einbetten.

Anstatt /watch?v= URLs einzubetten, können Sie sie entweder in /embed/ mithilfe von JavaScript umwandeln, bevor Sie die src eines iframe festlegen, oder einen Server (als Proxy) einrichten, um die URL manuell umzuleiten.

Update: Eine Umleitung Demo:

HTML (verwenden Sie das Attribut data):

<iframe data-src="https://www.youtube.com/watch?v=09m0B8RRiEE" />

JS (jQuery):

$('iframe').each(function() { 
    let originalSrc = $(this).data('src') 
    let src = originalSrc.replace('/watch?v=', '/embed/') 
    $(this).attr('src', src) 
})