Jquery: не могу выбрать теги видео

Question

У меня есть элемент видео внутри div. Я просто хочу установить высоту видео на все окна. Клянусь, это сработало, но в какой-то момент я сломался, и не понимаю, почему...

Селектор jQuery имеет длину =0, возможно, потому что видео загружаются после того, как jQuery сделал выбор, но до 2 дней назад работал

var $current_height = $(window).height();
var $videohome = $('video');
$videohome.height($current_height);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<div class="video full_height center"><a href="page">
      <video class="full_height" poster="sites/all/themes/my_theme/img/cover_video1.jpg" onmouseover="this.play()" onmouseout="this.load()"  id="video1" loop="true">
        <source src="sites/default/files/videos/video1.mp4" type="video/mp4"></source>
        <source src="sites/default/files/videos/video1.ogg" type="video/ogg"></source>
      </video></a>
</div>

заметки:

• другие видео на странице, но я думаю, например, только 1 в порядке
• этот код работает с другими видами элементов на странице (например, div)
• Использование: Drupal 7.41, jQuery 1.4.4

заранее спасибо

Answer 1

Попробуйте обёртывание js в $(document).ready(function() {}), увидеть .ready()

$(document).ready(function() {
  var $current_height = $(window).height();
  var $videohome = $("video");
  $videohome.height($current_height);
  $videohome[0].load();
  $videohome[0].play(); 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">
</script>
<div class="video full_height center">
  <video class="full_height" id="video1" controls loop="true">
    <source id="currentVID" src="http://html5multimedia.com/code/ch9/media/elephants-dream-medium.mp4" type="video/mp4">
  </video>
</div>