简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > H5-Tutorial > Hauptteil

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

王林
Freigeben： 2021-01-25 10:28:43
nach vorne
5479 Leute haben es durchsucht

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">
Nach dem Login kopieren

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
Nach dem Login kopieren

Object-Fit-Wertbeschreibung

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