Question

我正在尝试在我的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，手机缺口1.8和Jquery mobile 1.1.0

Answer 1

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

手机缺口iOS视频问题

1 个答案: