Показать сообщение отдельно
  #1 (permalink)  
Старый 23.06.2012, 12:36
Профессор
Отправить личное сообщение для (Sandr) Посмотреть профиль Найти все сообщения от (Sandr)
 
Регистрация: 14.10.2010
Сообщений: 376

Не получается словить loadedmetadata
Всем привет) Подскажите, как правильно узнать длину видео?
Как я понял, для этого нужно дождаться его загрузки, после чего происходит событие loadedmetadata, которое оповещает о том, что видео было загружено. Вешаем слушатель на этот обработчик и смотрим свойство duration объекта видео. Но у меня возникли проблемы с этим.
Прошу помощи знающих)

Сам код:
<html>
    <head>
    </head>
    <script>
    window.onload = function() {
      var V = document.getElementById("video1"),
          playButton = document.getElementById("play"),
          duration = document.getElementById("duration");
    
    
    V.addEventListener("loadedmetadata", function() {
        duration.innerHTML = V.duration;
    }, false);
    
    playButton.addEventListener("click", function() {
          V.play();
      }, false);
}
    </script>
  <body>
    <video id="video1">
      <source src="video.mp4" type="video/mp4"/>
    </video>
    <br>
    <button id="play" type="button">Play</button>
    <span id="duration">0</span><br>
    </body>
</html>
Ответить с цитированием