YouTube-Video sicher in ein Div einer Webseite einbetten ⇐ HTML

[Guest]

Ich erstelle ein PHP-Skript, das eine Seite mit drei Unterteilungen schreibt. Eines der Divs enthält einen Iframe, und hier beginnt das Problem. Mein Endziel ist es, ein Dokument zu haben, das links eine Liste von Videos und rechts ein Fenster mit einem ausgewählten (oder abspielbaren) Video und darunter einen Ort zeigt, an dem Notizen gemacht, gespeichert und überprüft werden können.
Mein Ergebnis scheint korrekt angezeigt zu werden (trotz Javascript), aber wenn ich das Browser-Debug aktiviere, sehe ich zugrunde liegende Probleme, insbesondere „SecurityError: Blocked a frame with origin „https://“ youtube.com“ vom Zugriff auf a Cross-Origin-Frame. Ich bin mir sicher, dass jeder Javascript-Versuch aufgrund dieses Fehlers gestoppt wird.
Ich verstehe das meiste, was mir das sagen will, nicht , und habe einige Nachforschungen angestellt, um das Problem zu lösen: SecurityError: Blocked a frame with origin from access a Cross-Origin Frame
Diese Frage scheint sich darin von meinem Problem zu unterscheiden Der Urheber hat Erfolg, bis JavaScript auf den Iframe zugreift (ich bin mir nicht sicher). Details dahinter). In meinem Fall schlägt diese .html-Datei ohne jegliches Javascript sofort mit derselben Meldung fehl.
Dieses Beispiel zeigt das Problem:

Code: Select all

Livestreams








Started
Songs already noted
Duration
Dimensions
                     Livestream Title


2021-12-04 07:15:08
18
1:04:54
1280x720*
Select [url=https://youtu.be/pzf3VlKNLiI]4-Dec-2021 Saturday sunrise - Atlanta timeline 🖕[/url]


2021-12-11 07:22:13
2021-12-11 08:24:27
21
1:02:15
1280x720*
Select [url=https://youtu.be/ZIy9fdQvO08]11-Dec-2021 Saturday sunrise - Atlanta timeline[/url]




https://youtube.com/embed/49tPgQZZ0eE



Head1

Es ist hässlich, weil ich dies auf ein Minimum reduziert habe, aber dennoch den allgemeinen Überblick geteilt habe. Wenn diese Seite geladen wird, erhalte ich sofort diesen Fehler in meiner Browser-Debug-Sitzung (zufällig Chrome).
BEARBEITEN Als Update habe ich die Datei „embedDiv“ ersetzt wie folgt:

Code: Select all

Dadurch wurde das Problem nicht gelöst, daher reicht es nicht aus, iframe durch embed zu ersetzen.
Ist mein Endziel überhaupt erreichbar? Es ist seltsam, denn selbst auf einer Seite, auf der JavaScript überhaupt nicht erwähnt wird, zeigt der Browser im Debug-Modus diesen Fehler an, aber außerhalb des Debug-Modus würde der Gelegenheitsbenutzer nie bemerken, dass ein Problem vorliegt.