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

Question

我有一个视频滑块，当您单击相应的缩略图时，视频应该会淡入。当我在 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); 

    });
  });
}); 

我需要重置它还是什么？如果您能提供帮助，那将不胜感激，因为我在截止日期前，这是最后一部分。

基本上，它不是淡入淡出而是变成黑色。