動的に読み込まれたHTML5動画の再生時間を取得するにはどうすればよいですか？

Question

OoyalaスクリプトでHTML5ビデオを読み込み、動画の再生時間を取得しようとしています。このエラーが発生しました "未定義の" addEventListener 'プロパティを読み取ることができません "。ここに私のコードは次のとおりです。

var video = jQuery('.video-element').get(0); 
video.addEventListener('loadedmetadata', function() { 
    var minutes = parseInt(video.duration/60, 10); 
    var seconds = parseInt(video.duration % 60); 
    var secondsnew = ("0" + seconds).slice(-2); 

    console.log(minutes+":"+secondsnew); 
}); 

私はすでにDOMにロードされたネイティブビデオでテストしてみたし、それが働いていたので、ビデオを動的にロードされているためであると仮定します。どのように私は動的に読み込まれたビデオでこの作品を作るのですか？

Answer 1

私はウーヤラスクリプトを使用してアクセスするかどうかはわかりませんが、単にHTML5からの映像は、エラーからのビデオ同上

$(document).ready(function() { 
    var videoDuration = document.getElementById('Sample') 
    var duration = videoDuration.duration; 
    alert(duration); 
}; 

HTML

<video src="video.mp4" id="Sample" controls> 
     video not supported 
</video>