Question

我正在尝试检测媒体元素暂停按钮上的点击事件

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

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

我也试过了mejs-pause button和其他几个组合，但是无法检测到这个事件。任何帮助表示赞赏

Answer 1

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

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);
    }
  });

如何检测mediaelement中的暂停按钮？

2 个答案: