iOS アプリで自動再生を使用してビデオをロードし、ビデオの再生が終了した後に関数を実行するイベントを追加しようとしています。私のコードは次のようになります:
$( "#videoPageA0" ).live( 'pageinit',function(event){
var myPlayer = $("#videoA0").get(0);
myPlayer.load();
myPlayer.addEventListener("ended", $X.videoCallback);
myPlayer.play();
});
ページが読み込まれると、ビデオが 1 ~ 2 秒間再生されてからフリーズします。ヘッダーのボタンを引き続き使用できるため、アプリがクラッシュすることはありません。同様の問題が発生したか、解決策を知っている人はいますか? コードはシミュレーターでは完全に機能しますが、デバイスでは失敗します。
以下は、ビデオ ページの 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 を使用しています。