Iframe in Fliesstext einbetten?

[Melanie Hoffmeister]

Hallo Forum,

ich möchte ein YouTube-Video von einem grösseren Text umfliessen lassen. Wie bekomme ich diesen iframe semantisch korrekt in den Text <p>text</p> rein? Danke schon mal für Eure Hilfe

Gruss Mel

[Gunnar Bittersmann]

@@Melanie Hoffmeister

ich möchte ein YouTube-Video von einem grösseren Text umfliessen lassen. Wie bekomme ich diesen iframe semantisch korrekt in den Text <p>text</p> rein?

Semantisch korrekt wäre wohl außerhalb des Textabsatzes.

<div>
  <iframe></iframe>
</div>
<p>text</p>

Statt div dürfte in einigen Fällen figure das passende Element sein.

Dieses Containerelement bekommt float: left oder right und eine feste Breitenangabe (vorzugsweise in em oder rem) sowie max-width: 100%. Oder wenn du die Breite in Prozent angeben willst, dann mit media queries, bspw.

figure { width: 100% }
@media (min-width: 38em) { figure { width: 62% } }
@media (min-width: 62em) { figure { width: 38% } }

Wie du die Box auch bei variabler Breite ins 16:9-Format bekommst, findest du im Thread YouTube Video einbetten (Mobile Ansicht).

LLAP 🖖

[Melanie Hoffmeister]

Vielen Dank für die verständliche Erklärung.

@@Melanie Hoffmeister

ich möchte ein YouTube-Video von einem grösseren Text umfliessen lassen. Wie bekomme ich diesen iframe semantisch korrekt in den Text <p>text</p> rein?

Semantisch korrekt wäre wohl außerhalb des Textabsatzes.

<div>
  <iframe></iframe>
</div>
<p>text</p>

Statt div dürfte in einigen Fällen figure das passende Element sein.

Dieses Containerelement bekommt float: left oder right und eine feste Breitenangabe (vorzugsweise in em oder rem) sowie max-width: 100%. Oder wenn du die Breite in Prozent angeben willst, dann mit media queries, bspw.

figure { width: 100% }
@media (min-width: 38em) { figure { width: 62% } }
@media (min-width: 62em) { figure { width: 38% } }

Wie du die Box auch bei variabler Breite ins 16:9-Format bekommst, findest du im Thread YouTube Video einbetten (Mobile Ansicht).

LLAP 🖖

„Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
„Hat auf dem Forum herumgelungert …“
(Wachen in Asterix 36: Der Papyrus des Cäsar)