Apr 27 2011
∞
iPadで動画の再生と同時にフルスクリーンモードはできない？
iPadで、再生と同時にフルスクリーンモードにしたい。でもできないかも。
videoにwebkitEnterFullscreenっていうメソッドがあるんだけど、何かのボタンを押したときに、再生とフルスクリーンを同時にできないっぽい。
- フルスクリーン化できるのはvideoのloadedmetadataイベントが発火した後
- iPadは再生がはじまらないとloadedmetadataイベントが発火しない
- webkitEnterFullscreenメソッドはclickイベントなどのユーザー任意のアクション以外で実行できない（たぶん）
1、2の理由から
video.addEventListener(‘loadedmetadata’, function() { video.webkitEnterFullscreen() });
$(‘.btn’).click(function() { video.play(); });
ってやらないとダメなんだけど、3の理由からloadedmetadataイベントの実行はclickイベント内で実行されたことにならずにエラーになる。
ツンダかも。
再生中（loadedmetadata発火後）にフルスクリーンモードにするのは簡単で。これでＯＫ。
$(‘.btn’).click({
video.webkitEnterFullscreen();
});
仕様はこの辺。
