Jquery 视频滑块的动画工作一次，然后失败

我有一个视频滑块，当你点击相应的缩略图时，视频应该会淡入。当我在chrome上预览它时，它可以工作，但当我在iPad（iOS5）上试用它时，一次之后它就停止工作了

如果我删除淡入淡出（它实际上是一个动画），它会工作，当它被使用时，视频仍然播放，但有它的div是黑色的。功能是

$(window).load(function(){
$('li', '.thumbs').on('click', function() {
    var numb = $(this).index(),
        videos = ['images/intro01.m4v', 'images/clip2.m4v', 'images/intro01.m4v', 'images/clip2.m4v', 'images/intro01.m4v', 'images/clip2.m4v'],
        myVideo = document.getElementById('myVid');
        myVideo.src = videos[numb]; 
        $('#myVid').hide();

    $(myVideo).animate({
        'opacity': '0'
        }, 000, function() {

        myVideo.load();
        $('#myVid').show();
        myVideo.play();

        $(myVideo).animate({
            'opacity': '1'
        }, 1000); 

    });
  });
}); 

---

我需要重置它还是什么？如果您能提供帮助，我将不胜感激，因为我正处于最后期限，这是最后一部分。

基本上，它不会褪色，而是会褪色为黑色。

您是否尝试过停止一些动画队列，如：

$（myVideo）。停止（1）。动画（{

？）或尝试使用：

$（myVideo）。停止（1）。fadeIn（400，函数{//callback here

？`@RokoC.Buljan刚刚尝试过，仍然没有骰子。谢谢，这在iPad上不起作用很奇怪。我没有iPad，所以我无法真正进行任何测试，但尝试将视频元素包装在div中并制作动画，如果不起作用，你就必须查看CSS3转换，因为这可能会起作用在iPad上。@adeneo我希望这样做，因为转换的问题是我必须使用伪选择器，它只起作用一次。除非你知道如何向我指出解决方法。如果你在CSS中应用了转换，它只起作用一次。试着在类上设置转换，然后用jQuery将该类删除并添加到元素中，以使他每次都在工作。