EEYatHo 앱 깎는 이야기

Swift ) WKWebView 영상 전체화면 안되게하기 - EEYatHo iOS 본문

iOS, Swift

Swift ) WKWebView 영상 전체화면 안되게하기 - EEYatHo iOS

EEYatHo 2021. 9. 8. 12:56
반응형

iOS 에서는 영상을 재생할 경우, 내장 플레이어로 재생되며 전체화면으로 전환되는게 기본이다.

 

근데 안이쁘다..

 

간단한 설정으로 이를 방지할 수 있다.

 

웹, 네이티브 양측 작업이 필요하다.


1. 웹에서는 video 태그에 playsinline 을 추가해줘야 한다.

 <video playsinline>

 

이 상태에서는, 크롬이나 사파리에서는 전체화면으로 안되고 잘 재생된다.

 

하지만, 인앱의 웹뷰에서 영상을 재생할 경우 다시 전체화면으로 가버린다.

 


2. 네이티브 에서는, WKWebView의 config에, allowsInlineMediaPlayback = true 를 해줘야 한다.

let config = WKWebViewConfiguration()
config.allowsInlineMediaPlayback = true
let web = WKWebView(frame: .zero, configuration: config)

 

이러면 웹에서 이쁘게 커스텀 플레이어를 만들어줬을 경우, 그대로 활용할 수 있게된다~

Comments