获取隐藏视频的高度和宽度

Posted 2023-05-07

【中文标题】获取隐藏视频的高度和宽度

【英文标题】：get height and width of hidden video

【发布时间】：2015-04-10 00:20:27

【问题描述】：

我试过了：

video.height // never worked
video.offsetHeight // worked when video was visible, now returning 0

为了只显示处理后的视频，我将视频元素隐藏起来，如果我以一定的间隔在屏幕上绘制它，下面的代码可以工作（即使隐藏了视频），

var video = document.getElementById('someVid');
var canvas = document.getElementById('someCanvas');
var ctx = canvas.getContext('2d');
ctx.drawImage(video, 0, 0, canvas.height, canvas.width);

我需要在绘制之前进行一些处理的高度和宽度，所以新的绘制线将是：

ctx.drawImage(video, x, y, w, h, 0, 0, canvas.height, canvas.width);

为了计算 x,y,w,h 我需要隐藏视频的高度、宽度。

ps：不需要IE支持，只需要firefox和chrome。

【参考方案1】：

好的，找到解决办法了，

var height = video.videoHeight;
var width =  video.videoWidth;

返回内在价值...

source