JQuery Mobileとmediaelementsとの互換性の問題はありますか?プレーヤーでページを作成しようとすると、ボタンが黒くなります。
このhtmlページを試してください:http://mt.ccnmtl.columbia.edu/majmin_mbl/m/test.html
ご覧のとおり、ボタンは黒です。jqueryモバイルコードを削除すると、問題なく動作します。
これを修正するにはどうすればよいですか?
JQuery Mobileとmediaelementsとの互換性の問題はありますか?プレーヤーでページを作成しようとすると、ボタンが黒くなります。
このhtmlページを試してください:http://mt.ccnmtl.columbia.edu/majmin_mbl/m/test.html
ご覧のとおり、ボタンは黒です。jqueryモバイルコードを削除すると、問題なく動作します。
これを修正するにはどうすればよいですか?
これはスタイリングの問題ですが、medieelementは開始後に要素をレンダリングするため、data-role属性は失われます。したがって、このようにmediaelementを開始した後、実際にそれを具体的に適用する必要があります。
$('audio,video').mediaelementplayer({});
$('button').attr("data-role","none");
jquerymobileがコントロールのスタイルを設定しようとしているようです。jquerymobileでスタイルを設定したくないコントロールにdata-role="none"を追加します。