iOS9までのSafariでは、基本的にvideoのインライン再生はできず、再生すると強制的にフルスクリーンになっていました。
iOS10からはvideo要素にplaysinline属性をつけてあげることでインライン再生が可能になってます。
<video src="path/to/video.mp4" controls playsinline></video>
※ただしiOS9でもWebViewでは webkit-playsinline でインライン再生できました。
そしてこの仕様に併せて、JSからvideoのフルスクリーン制御もできるようになってます。
const video = document.querySelector('video');
// フルスクリーンにする
if(video.webkitSupportsFullscreen){
video.webkitEnterFullscreen();
}
// フルスクリーンから離脱する
if(video.webkitSupportsFullscreen){
video.webkitExitFullscreen();
}
video以外の要素で webkitRequestFullscreen を使ってフルスクリーンするのはまだiOSでは解禁されていませんが、videoのみ webkitEnterFullscreen でフルスクリーンできるようになった、ということです