2018年10月12日金曜日

iPhoneでも動画インライン再生

iPhoneなどのモバイルのブラウザ(Mobile Safari)では動画再生がモバイルネイティブのプレーヤーで強制的に全画面再生されてしまう仕様でしたが、iOS10以降はインライン(画面のその場所)で再生できるようになりました。
Android上のChromeでもインライン再生可能でした。

<video src="video.mp4" playsinline webkit-playsinline></video>

iOS 9 までは webkit-playsinline を指定しインライン再生が可能でした(WebView)
iOS 10 以降は playsinline を指定しMobile Safari でもインライン再生が可能
*両方指定してもOKでした。

モバイルブラウザのビデオ再生がいろいろ変わるので確かめてみた
https://qiita.com/tomoyukilabs/items/cb9dd1d3e7eb0cc7f58a

0 件のコメント:

コメントを投稿