Mit einem Iframe kannst du verschiedene Inhalte in deine Webseite einbinden. Das könnte beispielsweise eine Karte von Google Maps sein oder einfach ein YouTube Video.

iFrame in Webseite einbinden

Wenn du beispielsweise eine Andere Webseite mit einem iFrame einbetten willst dann schaut der Code so aus.

1
<iframe src="einewebseite.html" width="90%" height="400"></iframe>

Du kannst mit height und width die Höhe und Breite in Pixel oder Prozent an deine Bedürfnisse anpassen.

Google Maps in iFrame einbinden ohne API Key

klicke zuerst auf diesen Link uns suche nach deiner Adresse. Anschließend klickst du auf das ->Teilen Symbol und dann auf -> Karte einbetten

Anschließend erhältst du folgenden iFrame Code den du direkt in das HTML Dokument deiner Webseite einfügen kannst

1
<iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2651.4972330946166!2d11.774246015513285!3d48.35096837924113!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479e135923da6d45%3A0xe3c57a853a56cf4b!2sFlughafen%20M%C3%BCnchen!5e0!3m2!1sde!2sde!4v1630668523864!5m2!1sde!2sde" width="600" height="450" allowfullscreen="allowfullscreen"></iframe>

Ergebnis

Youtube Video mit Iframe einbinden

Schritt1: Wenn du ein Youtube Video mit einem iFrame einbinden möchtest dann ist es am einfachsten wenn du unter dem Video auf Teilen klickst.

Schritt2: Als nächstes Klickst du auf einbetten und erhältst jetzt den Code für dein IFrame.

Schritt3: Jetzt musst du nur noch auf den Button „Kopieren“ drücken und kannst daraufhin den Code in deine Webseite einfügen.

Schreibe einen Kommentar



html-liste