jQuery, checking to see if video has height/width

dom, jquery, video

Solution

Update based on new code - You can use the `loadedmetadata` event for this, I'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');
});

Problem

I have a `<video>` element that is generated by js, and I need to get the height and width of it. `var v = $('video'); v.height()` returns null, because when it's run, the video hasn't yet been loaded, so no dimensions in the DOM. How do I check to see if the video has received a dimension, and if it hasn't, wait till it has to get the height and width. Thanks. Edit: I've created a jsbin with my example code: http://jsbin.com/udazu/2/edit Thanks. Edit: whoops, made an error in the sample code.

Original source