如何检测中间元素中的暂停按钮单击？

Question

我正在尝试检测中介暂停按钮上的点击事件

http://jsfiddle.net/wLu2v/9/

var player = new MediaElementPlayer('.player_1');

$('body').on('click', '.mejs-pause', function (e) {
    $('.items').append('<li>paused</li>');
});

我也尝试过mejs-pause button和其他几个连击，但无法检测到该事件。任何帮助表示赞赏

Answer 1

您需要在event设置上将success侦听器添加到MEJS初始化脚本中，例如：

var player = new MediaElementPlayer('.player_1', {
    success: function (mediaElement, domObject) {
        mediaElement.addEventListener('pause', function () {
            // do something here
            $('.items').append('<li>paused</li>');
        }, false);
    }
});

查看您的分叉JSFIDDLE

Answer 2

尝试使用，截止到2020年3月，使用最新的mediaelement.js测试

$('audio').mediaelementplayer({
    pluginPath: 'https://cdnjs.com/libraries/mediaelement/',
    shimScriptAccess: 'always',
    success: function (mediaElement, domObject) {
        mediaElement.addEventListener('play', function () {
          var aid = $(domObject).closest(".mejs__container").attr('id');
          document.getElementById(aid).getElementsByClassName("mejs__time-rail")[0].style.display = "block";
        }, false);
    }
  });