HTMLVideoElement: videoHeight

Baseline

20157

HTMLVideoElement videoHeight CSS

CSS readyState HTMLMediaElement.HAVE_NOTHING 0

<video>

readyState HAVE_NOTHING resize <video>

resize <video>

let v = document.getElementById("myVideo");

v.addEventListener(
  "resize",
  (ev) => {
    let w = v.videoWidth;
    let h = v.videoHeight;

    if (w && h) {
      v.style.width = w;
      v.style.height = h;
    }
  },
  false,
);

videoWidth videoHeight 0


HTML # dom-video-videoheight-dev

MDN

MDN 20241018

GitHub

HTML DOM API
HTMLVideoElement
HTML DOM
1. JavaScript queueMicrotask()
2. In depth: Microtasks and the JavaScript runtime environment