jquery - jquery绑定动态创建的mediaplayer.js播放事件

Question

我有一个动态添加到网页的 mediaplayer.js html5 音频播放器。我希望能够对这个元素的播放事件采取行动。以下代码片段适用于静态/非动态 mediaplayer.js 元素。

$('audio, video').on('play',function(){alert('test');});

所以我已经将它改编为像这样的动态元素

$('body').on('play','audio, video',function(){alert('test');});

但它不适用于动态或静态元素。

有没有人遇到过这个？有解决方案吗？

谢谢。

Answer 1

经过一番挖掘，我想出了一个解决方案。使用 mediaelementplayer 选项的成功回调，不完全是我想要的，但做同样的事情。

$('video,audio').mediaelementplayer(
{
    success:function(player)
    {
        player.addEventListener('play',function()
        {
            alert('hello');
        });
    }
});