Почему в chrome video.duration равен для некоторых видео NAN?

Question

[Сергей Бурдужа]

Добрый день.
Я на странице вывел видеогаллерею, только без панели управления.
Также вывел время для каждого из видео.
В хроме для некоторых видео время определятся как NAN.
А в firefox все норм.

Как это исправить?
Вот мой код.

let showVideoTime = function () {
		let videoPageGallery = document.querySelectorAll('.video-page .video-page__item video');

		for (let i = 0; i < videoPageGallery.length; i++){
			var mind = videoPageGallery[i].duration % (60 * 60);
			var minutes = Math.floor(mind / 60);

			var secd = mind % 60;
			var seconds = Math.ceil(secd);
			$(videoPageGallery[i]).parent().append('<span class="video-time">'+minutes+': '+seconds+'</span>');
		}
	};
	showVideoTime();

Заранее благодарен.

Answer 1

[Ivan Bogachev]

Попробуйте дождаться события loadedmetadata у видео, возможно они просто не успевают подгрузиться к моменту исполнения скрипта.

Comments

[Сергей Бурдужа]

Спасибо, попробую, потом отпишусь.

[Сергей Бурдужа]

Ураааааааа, заработало!!!
Вы просто гений.

Вот мой код

let showVideoTime = function () {
		let videoPageGallery = document.querySelectorAll('.video-page .video-page__item video');

		for (let i = 0; i < videoPageGallery.length; i++){
			videoPageGallery[i].addEventListener('loadedmetadata', (event) => {
				var mind = videoPageGallery[i].duration % (60 * 60);
				var minutes = Math.floor(mind / 60);

				var secd = mind % 60;
				var seconds = Math.ceil(secd);
				$(videoPageGallery[i]).parent().append('<span class="video-time">'+minutes+': '+seconds+'</span>');

			});
		}
	};
	showVideoTime();