So stellen Sie die Breite und Höhe des Videos in HTML5 richtig ein

Normalerweise stellen wir es so ein:

(Teilen von Lernvideos: HTML-Video-Tutorial)

<video width="320" height="240" controls="controls">

Aber manchmal stellen wir fest, dass sich die Höhe des Videos nach dem Festlegen nicht geändert hat Breite und Höhe des Elements, sodass das Video das übergeordnete Element ausfüllt. Fügen Sie einfach style="width= 100%; height=100%; object-fit: fill" zum Video-Tag hinzu.

Object-Fit-Syntax

object-fit:fill | contain | cover | none | scale-down

Object-Fit-Wertbeschreibung

Object-Fit eignet sich hauptsächlich zum Ersetzen von Elementen wie: