我做了一个简单的 UL 列表：点击 <li> 元素它会切换 mediaelementplayer 播放的视频。在桌面浏览器中运行良好，但在 Android 2.3.6 中，无论您单击哪个 <li> 元素，它总是播放第一个视频。（我尝试使用三星 Galaxy S II，但在三星 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>