ios9 (β) viewportに不具合か!?

ios9 (β) viewportに不具合か!?

今秋リリースが予定されているios9ですが、beta4版を少しいじっていたらおかしな事象を発見したので記事にしました。

# 2015年9月17日13:40 追記 : iOS9(正式版) が公開されましたが、本稿に関する不具合は解消されていませんでした。
# 2015年8月17日11:30 追記 : iOS9 beta5 が公開されましたが、本稿に関する不具合は解消されていませんでした。

テスト環境

iPhone 5S
ios9 beta

やろうとしたこと

前回の記事でも書いたiPadでios9からサポートされるPicture in PictureをなんとかiPhoneでも実装できないかという検証。

あ。予め断っておきますが、Picture in Pictureは残念ながら実装できませんでした・・・orz

問題のソース

ios7.1.2で表示 ios9で表示
image10 image09

明らかに表示に差異があります。
ios7.1.2の表示が、HTMLの解釈としては正しいです。

開発者ツールで見てみる

開発者ツールでを選択している状態の画像ですが、ios9のほうはbodyサイズが小さくなってしまっています。

ios7.1.2で表示 ios9で表示
image14 image11

viewportが効いていない?

viewportは下記のように指定しているため、ピンチインアウトもできないはずです。
が、できてしまいます。

viewportが効いていないようです。
では実際にviewport指定を外してみたらどうでしょうか。

viewportあり viewportなし
image09 image08

だいぶ違いますね。単純にviewportが効いていないだけではないようです。

色々いじってみた結果

javascriptが悪さをしているのか、あるいはviewportの記述方法が間違っているのか、buttonに付与したスタイルが悪いのか・・・

色々試した結果・・・

原因はvideoタグでした。
もっと言うと、videoタグのsrcで指定したmp4ファイルが存在する場合、読込みの過程でviewportに不具合が起こるようです。

srcで指定したmp4が存在しない場合の表示
image06

試しに下記のように時間差でsrcを指定してみたところ、やはり読み込まれた瞬間にviewportがおかしくなりました。

viewportがおかしくなったときに時間差で再定義してみましたが、それでもダメでした。

解決方法

解決策は残念ながら見つかりませんでした。誰か解決策わかる人いたら教えて下さい。。。

スマホではmp4とviewportなんて結構鉄板な組み合わせなので、早めの対応を期待したいですね。

【週刊bitWave】(メルマガ)始めました!

登録はこちらからメールアドレスを入力してお申込みください。

ご登録いただいたメールアドレスは 【週刊bitWave】の更新情報の配信にのみ使用します。

個人情報の取扱いに関しては、「プライバシーポリシー」をご確認ください。解除はいつでこちらから行うことが可能です。

あなたにおすすめ

『iOS11』の「CoreNFC」でサンワサプライ社製のタグを読み込んでみた... 前回は『iOS11』新搭載の「Core ML」を試してみました。 <bitWave関連記事『「iOS11」新搭載の「Core ML」を駆使してMNISTの手書き数字認識を試してみた』> しかし、私の『iOS11』に対する興味はこれだ...
『iOS11』新搭載の「Core ML」を駆使してMNISTの手書き数字認識を試してみた... 今回もありましたね~、Apple社主催カンファレンス「WWDC2017(※注釈)」 ※World Wide Developer Conference:Apple社が毎年開催するデベロッパー向けイベント 新製品の「HomePod」を始...
スマホの音量調整ボタン、もっと有効活用できないの?... 「カメラ女子」なんて言葉がもてはやされ、ミラーレス一眼レフカメラが爆発的に売れた時期もありましたが、今ではスマートフォンの普及、そしてSNSの普及により、国民総 “カメラ女子(男子)” になるのではないかという勢いすら見せています。 ...
自社制作『OCR』がどんな環境でも文字認識ができるのかテストしてみた... こんにちは、M.Sです。 先日、ひょんなことから『OCR』のテストを行う機会がありました。 これまで自社サービスのサービスインやアップデートの前段階で検証を行うことがほとんどだったわけですが、今回の『OCR』検証は初めての体験。 ...