私はiPodTouchとiPadでビデオ再生ページを備えたWebアプリを実行しています。ビデオはトランスコードされ、いくつかのオーディオトラックと字幕トラック(埋め込み)が含まれています。
iOS4.3.3およびiOS5.1.1のホームページからWebアプリを実行すると、フルスクリーンで正常に実行され、オーディオトラックと字幕トラックを選択できます。
今、私はiOS6.0.1を搭載したiPod第5世代を持っています。そのデバイスでホーム画面から同じWebアプリを実行すると、フルスクリーンで実行されますが、字幕ボタンを押すと、メニューがビデオの上に表示されません。字幕ボタン(横向きの場合のみ使用可能)を押してから、縦向きに戻って完了ボタンを押すと、ビデオの背後にadiotrack/字幕メニューがあることがわかります。
私の最小限のテストケース
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes" /> <!-- THIS LINE -->
<title>video test</title>
</head>
<body>
<div id="streampage">
<video id="videostream" src="main.m4v" controls="controls" preload="none" style="-webkit-transform-style: preserve-3d;"></video>
</div>
</body>
</html>
これをブラウザで開いてホーム画面に保存してからホーム画面から起動すると、オーディオトラック/字幕メニューが表示されません(明らかに映画の後ろにあります)コメント付きの行を削除すると<!-- THIS LINE -->
、ブラウザでページを開いて保存しますホーム画面に表示してそこから起動すると、オーディオトラック/字幕メニューが問題なく表示されます。ただし、Webアプリはもうフルスクリーンではありません。
ホームページから開始したときにWebアプリをフルスクリーンに保ち、オーディオトラック/字幕メニューを表示できるようにするための回避策を知っている人はいますか?
注:これはiPodでのみ失敗します。iOS6.0.1を搭載したiPad3でテストすると、メニューが表示されるだけです。