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

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); 

    });
  });
}); 

我需要重置它还是什么？如果你可以提供任何帮助，那将非常感激，因为我正处于截止日期，这是最后一部分。

基本上，它不会消失，而是淡化为黑色。