MediaElement.js doesn't pause on iOS

Question

I use JQM 1.4 and MediaElements (latest)...

I use multipage template and I want to pause the audio player every time I change the page...

I use this code...

$(document).on("pagebeforeshow", function (e, ui) {
    $("audio").each(function () {
        $(this)[0].pause(); 
    });
});

It works fine on Android and Firefox but a problem arises in iOS ...

The audio tag has id="audio_element" .

I tried different solutions... I have the identical problem... mediaelement.js - pause all players (iOS) (the question is old so I guess code has changed).

So I don't know other solutions... any idea ?

Answer 1

Try:

$(document).on("pagebeforeshow", function (e, ui) {
    $("audio").each(function () {
        this.player.pause(); 
    });
});