Daylogs/Javascript

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

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 파라미터를 넣어주면 된다.


참고:

반응형