我制作了一个简单的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>
答案 0 :(得分:1)
您可以执行&#34;加载&#34;更改视频连接后的事件
答案 1 :(得分:0)
我想知道这是否是Android上的计时问题。我从来没有使用过那个图书馆,但在谷歌周围徘徊,看起来有些人遇到setSrc
问题,如果你在致电setSrc
之后等待几秒钟后显然已经消失了play