Why in chrome video.duration is equal for some NAN videos?

Question

JavaScript

Good afternoon.
I brought a video gallery on the page, but without the control panel.
Also output the time for each of the videos.
In chrome, for some videos, the time is defined as NAN.
And in firefox everything is fine.
How to fix it?
Here is my code.

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();

Thanks in advance.

Answer 1

Try to wait for the loadedmetadata event for the video, maybe they just do not have time to load by the time the script is executed.