jQuery, проверяя, есть ли у видео высота / ширина

Question

У меня есть элемент <video>, сгенерированный js, и мне нужно получить его высоту и ширину.

var v = $('video'); v.height() возвращает значение NULL, поскольку при запуске видео еще не загружено, поэтому в DOM нет измерений.

Как проверить, получило ли видео измерение, а если нет, дождаться получения высоты и ширины.

Спасибо.

Edit:

Я создал jsbin с моим примером кода:

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

Спасибо.

Редактировать: упс, произошла ошибка в примере кода.

Answer 1

Обновление на основе нового кода - для этого вы можете использовать loadedmetadata событие , Я обновил ваш пример jsbin здесь с помощью этого

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