javascript - mediaelement 'playing' イベント追跡

Question

mediaelementオーディオ プラグインを開始する次の簡単なコードがあります。

$('audio,video').mediaelementplayer({
    audioWidth: 300,
    audioHeight: 30
});

playingイベントを追跡する必要があります。私は運なしで次のコードを試しました：

var player = document.getElementsById('player2');
player.playing = function(e) {
   alert('OMG! You played a song!');
}

Answer 1

これを試して：

# using jquery (on, bind, etc)...
$('#player1').bind('playing', function(e) { 
   console.log('bind - playing') 
});

# addEventListener 
var player = document.getElementById('player1'); 
player.addEventListener('playing', function(e) {
   console.log('addEventListener - playing') ;
});

Answer 2

わかりましたので、私はそれを理解しました...

$('audio,video').mediaelementplayer({
    audioWidth: 300,
    audioHeight: 30,

    success: function(mediaElement, domObject) {
        mediaElement.addEventListener('loadeddata', function() {
            console.log('addEventListener - loadeddata')            
        }, false);
    },
    error: function() {
        //alert('Error setting media!');
    }

});