javascript - 如何获取视频海报的图像尺寸？

Question

如何获取 poster 的图像尺寸(宽度和高度)图像 <video poster="…">元素？ jQuery 是可以接受的。

Answer 1

如果您的<video>元素被引用为 yourVideo (例如 const yourVideo = document.querySelector("video"); )，那么你可以得到它的 poster网址为poster属性(property)。这只是一个图像 URL，因此请像获取任何图像 URL 一样获取其尺寸:

const poster = Object.assign(new Image(), {
    src: yourVideo.poster
  });

poster.addEventListener("load", () => console.log(poster.width, poster.height));