簡単な UL リストを作成しました。<li> 要素をクリックすると、mediaelementplayer によって再生されるビデオが切り替わります。デスクトップ ブラウザーでは問題なく動作しますが、Android 2.3.6 では、どの <li> 要素をクリックしても常に最初のビデオが再生されます。(Samsung Galaxy S II で試しましたが、Samsung Galaxy S III と Android 4.0.4 でうまく動作します)
この問題を解決する方法について何か提案はありますか?
ありがとう
私が使用しているコードは次のとおりです。
<video id="playervideo" width="488" height="286" class="mejs-wmp">
<source src="uploads/media/video/first.mp4">
</video>
<ul>
<li><span id="first" class="current">First</span></li>
<li><span id="second">Second</span></li>
<li><span id="third">Third</span></li>
</ul>
<script>
new MediaElementPlayer('#playervideo', {
features: ['playpause','progress','duration','volume'],
success: function(media, node, player)
{
$("ul li span#first").click(function () {
media.pause();
media.setSrc('uploads/media/video/first.mp4');
media.play();
$("ul li span").removeClass("current");
$(this).addClass("current");
});
$("ul li span#second").click(function () {
media.pause();
media.setSrc('uploads/media/video/second.mp4');
media.play();
$("ul li span").removeClass("current");
$(this).addClass("current");
});
$("ul li span#third").click(function () {
media.pause();
media.setSrc('uploads/media/video/third.mp4');
media.play();
$("ul li span").removeClass("current");
$(this).addClass("current");
});
}
});
</script>