访问MediaElement.js播放器属性

Question

我需要访问MediaElementPlayer对象的属性，我该怎么做？该网站提到您可以访问MediaElement对象的属性，如currentTime和paused，但不提及MediaElementPlayer。我想要做的一个例子：

var mejsplayer = new MediaElementPlayer($("#myplayer"), mejsOptions); 

setInterval(debug, 1000); 
function debug() { 
    console.log("Duration is " + mejsplayer.duration); 
    console.log("Current time is " + mejsplayer.currentTime); 
    console.log("Volume is " + mejsplayer.volume); 
    .... 
}; 

上面的代码报告说所有这些变量都是未定义的。

Answer 1

工作后的很长一段时间与MEJS我终于找到了这个问题的答案。 MediaElementPlayer对象封装MediaElement对象，它可以这样访问：

var mejsplayer = new MediaElementPlayer($("#myplayer"), mejsOptions); 

setInterval(debug, 1000); 
function debug() { 
    console.log("Duration is " + mejsplayer.media.duration); 
    console.log("Current time is " + mejsplayer.media.currentTime); 
    console.log("Volume is " + mejsplayer.media.volume); 
    .... 
}; 

Answer 2

编辑

如果您要访问的播放器的性能，你应该得到的DOM对象。 MediaElement只是元素的某种扩展，所以它仍然使用DOM对象。所以，试试这个：

new MediaElementPlayer($("#myplayer"), /*mejsOptions*/); 
var player = document.getElementById('myplayer'); 
console.log(player.duration()); 

---

建议使用所提供的事件做，比如：

<video id="player1" width="320" height="240" poster="poster.jpg" controls="controls" preload="none"> 
    <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 --> 
    <source type="video/mp4" src="http://mediaelementjs.com/media/echo-hereweare.mp4" /> 
</video> 

player = new MediaElementPlayer('#player1',{ 
    success: function (mediaElement, domObject, player) { 
     mediaElement.addEventListener('timeupdate', function(e) { 
      console.log("Duration is " + mediaElement.duration); 
      console.log("Current time is " + mediaElement.currentTime); 
      console.log("Volume is " + mediaElement.volume); 
     }); 
    } 
}); 

你可以尝试here on jsfiddle