我正在尝试在我的 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