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

时间:2015-02-10 03:40:33

标签: javascript html5 video canvas

我试过了:

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我需要隐藏视频的高度和宽度。

p.s:不需要IE支持,只需要firefox和chrome。

1 个答案:

答案 0 :(得分:1)

好的,找到了解决方案,

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

返回内在价值......

source