手机间隙iOS视频问题

我正在尝试在iOS应用程序中加载自动播放的视频，然后添加一个事件，该事件在视频播放完成后运行一个功能。我的代码如下所示：

 $( "#videoPageA0" ).live( 'pageinit',function(event){
 var myPlayer = $("#videoA0").get(0);
 myPlayer.load();
 myPlayer.addEventListener("ended", $X.videoCallback);
 myPlayer.play();
 });

加载页面时，视频播放一两秒钟，然后冻结。这不会导致我的应用程序崩溃，因为我仍然可以使用标题中的按钮，是否有人遇到过类似问题或知道解决方案？该代码在模拟器中运行良好，但在设备上失败

以下是我的视频页面的HTML代码：

<div data-role="page" id="videoPageA0" style="overflow:hidden;">    
        <div data-role="header" class="header">
            <img src="images/link1.jpg" alt="" title="" class="link1"/>
            <img src="images/link2.jpg" alt="" title="" class="link2" />
            <img src="images/link3.jpg" alt="" title="" class="link3" />
        </div>
        <div data-role="content">
            <video id="videoA0" width="320" height="428" webkit-playsinline preload="metadata">  
                <source src="videos/test1.mp4" type="video/mp4" /> 
            </video>
        </div>

我尝试了mov和m4v文件，但仍然无法使其工作。 我使用的是Xcode 4.3.3、phone gap 1.8和Jquery mobile 1.1.0

---

我的解决方案是使用Obj-C创建自己的插件，然后在需要时使用javascript调用它。工作完成了