iframe: wie externe Seite einbinden?

Ich schaffe es nicht, eine Seite mittels <iframe src="…">…</iframe> einzubinden. Siehe diese Seite. Folgenden HTML-Code habe ich dazu verwendet (ist an folgendes Beispiel von w3schools.com angelehnt):

<html>
<head>

<title>Peter Sulzer - F&uuml;rth - Test iframe</title>

</head>


<body>

<h3>Test f&uuml;r Einbinden externer Seite mit iframe</h3>

<p>Im folgenden wird eine externe Seite mittels iframe eingebunden:</p>

<iframe src="https://www.w3schools.com">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen: 
Sie können die eingebettete Seite über den folgenden 
Verweis aufrufen:<br/>

https://www.w3schools.com</p>

</iframe>

</body>

</html>

Funktioniert einbinden von iframes hier überhaupt (kostenlose Homepage)?

Muss man evtl. erst etwas freischalten/einstellen?

Hallo,

das liegt daran weil die Webseite, die du versuchst einzubinden, es nicht gestattet per frame eingebunden zu werden. Die Browser unterbinden das.

Ein Blick in die Developer-Konsole (F12) zeigt dir was passiert:

screenshot

Der Webserver hinter www.w3schools.com setzt die „X-Frame-Option“, das nur Seiten, die den selben Ursprung haben (also Seiten die auch auf www.w3schools.com liegen), erlaubt sind deren Seiten als Frame einzubinden.

Probier es bitte mit einer anderen Seite aus, die das einbinden per Frame erlaubt. z. B. ein Youtube Video über die „embed“ URL: https://www.youtube.com/embed/PNWr_Jlx6p0

Grüße
Balmung

1 Like

Alles klar, wieder was gelernt. Danke!