使用mediaelementjs获取视频时长

Question

我正在将mediaelementjs库用于项目。

HTML

<video width="640" height="360" id="player1" preload="none">
    <source type="video/youtube" src="http://www.youtube.com/watch?v=nOEw9iiopwI" />
</video>

Javascript / jQuery

$('audio,video').mediaelementplayer({

    loop: false,
    features: ['playpause','progress','volume'],
    success: function(player, node) {

        $('#' + node.id + '-mode').html('mode: ' + player.pluginType);
        console.log(player.duration);    
    }
});

但console.log(player.duration)总是返回0 所以我认为这可能是错误的。

如何使用mediaelementjs库获取视频的视频时长（以秒为单位）？

请帮帮我。

Answer 1

你可能得到这个，因为媒体元素的元数据尚未加载，在添加事件监听器后检查应该解决问题：

success: function(player, node) {

    $('#' + node.id + '-mode').html('mode: ' + player.pluginType);
    player.addEventListener('loadedmetadata', function(){
        console.log(player.duration);    
    });

}