フルビデオ期間を取得していますが、Nanとして返信しようとしています

Question

私のプレーヤーのビデオ時間を取得しようとしていますが、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> 

ログは私に語った：NaN

Answer 1

待ちonloadedmetadataイベントのために！

var vid = document.getElementById("videoPlayerNew"); 
 
vid.onloadedmetadata = function() { 
 
    console.log('metadata loaded!'); 
 
    console.log(vid.duration); 
 
};

<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="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> 
 
    <p class="vjs-no-js">Javascript was disabled or not supported</p> 
 
</video> 
 

 
<script> 
 
</script>

Answer 2

あなたはのonchangeのようなものを使用する必要があります。これは、そのがやっように見えます[HTML5のビデオ再生時間を取得中に問題]の可能性のある重複

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