iOS 에서 비디오 인라인 플레이하기

티스토리 뷰

Daylogs/Javascript

ohgyun 2016. 6. 6. 16:39

발생일: 2015.06.23

키워드: iOS, playsinline, webkit-playsinline, 인라인 플레이, iOS 웹뷰, inline play, allowInlineMediaPlayback

문제:

iOS에서 웹뷰에서 동영상 재생 시, 풀스크린 대신 인라인으로 재생하려고 한다.

해결책:

1. iOS 웹뷰에서 인라인 플레이 여부 옵션을 true로 설정한다.

- UIWebView 의 allowsInlineMediaPlayback 속성을 YES

2. 웹뷰에서 video 태그에서 인라인 플레이 여부 옵션을 추가한다.

- <video id="player" width="480" height="320" webkit-playsinline>

논의:

유튜브 비디오를 인라인으로 재생하려는 경우라면, embeded URL 에 &playsinline=1 파라미터를 넣어주면 된다.

참고:

공지사항