Question

Is there a compatibility problem with JQuery Mobile and mediaelements? Whenever I try to make a page with the player, its buttons are blackened out.

Try this html page: http://mt.ccnmtl.columbia.edu/majmin_mbl/m/test.html

As you can see, the buttons are black. If I take away the jquery mobile code, it works fine though.

How do I fix this?

Answer 1

It is a styling issue, but since medieelement renders the elements after you initiate it… the data-role attribute is lost. So you actually need to specifically apply it after you initiate the mediaelement like this.

$('audio,video').mediaelementplayer({});
$('button').attr("data-role","none");