Javascript 如何获得视频海报’；什么是图像尺寸？

如何获取

元素中

海报

图像的图像尺寸（宽度和高度）？jQuery是可以接受的。

如果您的

元素被引用为

yourVideo

（例如

const yourVideo=document.querySelector（“video”）；

），那么您可以通过

poster

属性获取其

poster

URL。这只是一个图像URL，因此请像获取任何图像URL一样获取其维度：

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

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

---

觉得有必要在这里吹毛求疵。。。如果url指向一个服务器脚本，该脚本在每次请求时返回一个不同的随机大小的图像怎么办？@kaido那么，这是不可能的，因为没有属性将海报图像保存为实际的

HTMLImageElement

，

ImageData

或类似的内容。但我认为也不可能保证结果在任何可能的情况下都是正确的。是的，问题是没有API可以知道海报图像是否加载。显而易见，您的解决方案实际上只是解决了缺少适当API的问题。请注意，在加载视频资源之前和加载海报之后，视频的固有宽度和高度都是海报图像的宽度和高度。这意味着您实际上可以通过检查视频的offsetWidth和offsetWidth来获得此海报图像大小，然后将其重置为“src”

“

”，但您还需要确保没有对其应用css。。。