jquery - 获取 的原始尺寸

Question

我想要一个视频和图片列表，每个都调整为相同大小以便于查看。

当用户点击其中之一时，应将它们调整为原始大小(或最大边界框的大小)

我的问题是:如何获取视频的原始尺寸？

对于图片，

var img = new Image();
img.src= $(event.target).attr("src");
img.width   //this is the width
img.height  //this is the height

很有魅力。

但我找不到对 <video> 执行相同操作的方法.有没有？

我知道加载元数据有一些问题，但视频已经加载，我只想将其调整为原始大小(好吧，我不会对它们在调整大小时延迟加载有任何问题，但我想更多的是努力)

这有可能吗？如果是这样，如何？首选 jQuery。

解决方案:

var video = $(event.target);
var width = video[0].videoWidth;

Answer 1

您可以使用 native Javascript 做到这一点:

var video = $("#myvideo" ); //JQuery selector 
video[0].videoWidth; //get the original width
video[0].videoHeight; //get the original height

也要了解:

video[0].width; //get or set width for the element in DOM
video[0].height; //get or set height for the element in DOM

有关更多信息，您可以查看 W3 中的这些链接: videoWidth , videoHeight