jQuery,检查视频是否有高度/宽度

时间:2010-04-27 00:38:06

标签: jquery dom video

我有一个由{生成的<video>元素,我需要得到它的高度和宽度。

var v = $('video'); v.height()返回null,因为当它运行时,视频尚未加载,因此DOM中没有维度。

如何检查视频是否收到尺寸,如果没有,请等到必须达到高度和宽度。

感谢。

编辑:

我用我的示例代码创建了一个jsbin:

http://jsbin.com/udazu/2/edit

感谢。

编辑:whoops,在示例代码中出错。

1 个答案:

答案 0 :(得分:5)

根据新代码进行更新 - 您可以使用loadedmetadata eventI've updated your jsbin example here with this

$('input').click(function () {
  $('#thumbnail video').clone().bind('loadedmetadata', function() {
    alert($('#viewing-area video').height());
  }).appendTo('#viewing-area');
});