html flowshare

iFrame in die Webseite einbinden

In den iFrame können Sie Inhalte anderer Anbieter in Ihre Webseite einbinden. Dies kann zum Beispiel ein Kartenausschnitt von Google Maps, ein Werbebanner von Amazon oder ein YouTube-Video sein.

Der Code sieht so aus: <iframe src=“einewebseite.html“ width=“90%“ height=“400″ name=“iFrame“ title=“Das ist mein Video“></iframe>

Jeder Eintrag startet mit <iframe und endet mit </iframe>.

Geben Sie bei „src=“ den Pfad bzw. die URL zu dem Inhalt an, den Sie im Rahmen anzeigen möchten. Es ist wichtig, dass diese Adresse in Anführungszeichen eingetragen wird.

Die Attribute „name“ und „title“ sollten Sie immer ausfüllen. Zu einem wird der Text bei Laden des Frames gezeigt und zum anderen dienen die Einträge der Barrierefreiheit von Online-Inhalten.

Damit keine unpassende Standardgröße für den Rahmen in Ihrer Webseite benutzt wird, geben Sie Höhe (height) und Breite (width) an. Diese Werte lassen sich individuell anpassen.

Geben Sie die Attribute für Höhe und Breite im Verhältnis zur Webseite in Prozent oder in Pixeln an.

Möchten Sie ein eingebundenes Video auf dem ganzen Bildschirm abspielen, fügen Sie dem Code noch das Attribut „allowfullscreen“ hinzu: <iframe src=“einewebseite.html“ width=“90%“ height=“400″ name=“iFrame“ title=“Das ist mein Video“ allowfullscreen></iframe>

Öffnen Sie Ihre Webseite in einem HTML-Editor.

Den so zusammengesetzten Code platzieren Sie an gewünschter Stelle auf Ihrer HTML-Seite und speichern die Änderungen ab.

https://praxistipps.chip.de/iframe-richtig-einbinden-so-klappts_92651