Почему не загружается длительность видеофайла?

Question

[NoobKoder]

html:
<video id= "video" src= "..."></video>
js:

const video = document.getElementById('video');

function Video_duration() {
  console.log(video.duration);
};
video.onloadedmetadata = Video_duration();

Сначало загружается html, потом js. Сурс у видео локальный, прописан изначально. По логике вещей по загрузке метаданных я должен получить длительность видео, но я получаю NaN. Причём не имеет значения какое событие я жду, хоть метадату, хоть дату, хоть любое другое – результат тот же. Если же вызвать функцию в консоле, то результат я всё таки получаю, но я не пойму, почему не считывается результат по загрузке

Answer 1

[historydev]

function Video_duration(e) {
  console.log(e.target.duration);
};
video.onloadedmetadata = Video_duration;

Comments

[NoobKoder]

Спасибо, в таком случае работает. Но почему же результат не считывается напрямую с константы, ведь она ссылается на элемент и его свойства также должны читаться (при том что вызов функции в консоле давал результат). Мне просто важно понять свои ошибки

[Алексей Назаренко]

Должен работать и ваш вариант. Просто вы в onloadedmetadata записываете функцию и сразу её вызываете при помощи скобок (), а нужно просто её передать без вызова.

[historydev]

NoobKoder, если хотите с константы вытаскивать, поместите её в обработчик, чтобы значение доставалось не при загрузке страницы, а непосредственно во время события