Javascript 正在尝试获取完整的视频持续时间，但返回为Nan

我试图获取播放器的视频持续时间，但它返回

NaN

，我不完全确定如何从这里访问它

<video id="videoPlayerNew" class="video-js vjs-default-skin vjs-controls-enabled" poster="http://camendesign.com/code/video_for_everybody/poster.jpg" data-setup="{}" controls="">
    <source src="sample.mp4" type="video/mp4">
    <p class="vjs-no-js">Javascript was disabled or not supported</p>
</video>

<script>
    var vid = document.getElementById("videoPlayerNew");
    console.log(vid.duration);
</script>

已禁用或不支持Javascript

var vid=document.getElementById（“videoPlayerNew”）；
控制台日志（参阅持续时间）；

日志告诉我：

NaN

等待事件，加载

loadedmetadata

元数据后会触发

loadedmetadata

事件

var myVideo=document.getElementById（“videoPlayerNew”）；
myVideo.onloadedmetadata=函数（）{
log（'metadata-loaded！'）；
console.log（this.duration）；//这是指myVideo
};

已禁用或不支持Javascript

尝试下面的代码，它会在加载所有内容后添加事件：

$(document).ready(function(){
  $("#videoPlayerNew").on( "timeupdate", function(event){
      console.log( this.duration);
    });
});

react用户的可能副本：