IOS14 에서 유튜브 PIP 기능 사용하기

일단 PIP이란?

Picture in Picture의 약자로, 동영상 화면을 최상단 팝업창으로 띄워주는 것을 말하는 것으로

요런식으로 화면 제일 앞에 팝업 형식으로 동영상을 재생 할 수 있는 기능을 말한다.

하지만 넷플릭스앱의 경우 동영상 재생 후 -> 홈버튼을 누르면 자동으로 PIP기능이 지원되나,

유튜브 앱의 경우는 PIP기능이 되지 않는다.

그래서 찾아본 결과 단축어를 사용하여 유튜브 동영상을 PIP기능을 이용하여 시청이 가능한 것을 알았다. 

아래는 설정 방법이다.

 

1. 단축어 앱을 실행한다.

 

2. 우측 상단의 +를 누른다.

 

 3. 동작 추가를 누른다.

4. 웹을 선택 한다.

 

5. 웹 페이지에서 JavaScript 실행 항목을 선택한다.

 

6. 파란색으로 된 '웹 페이지' 항목을 선택한다.

 

7. 단축어 입력을 선택 한다.

8. 소스코드를 전부 선택하여 삭제 한다.

 

9. 삭제 한 부분에 아래 소스를 복사하여 붙여넣는다.

let v = document.querySelector('video');
v.addEventListener('webkitpresentationmodechanged', (e)=>e.stopPropagation(), true);

setTimeout(()=>v.webkitSetPresentationMode('picture-in-picture'), 3000);

completion()

 

10. 소스 입력을 다 하였다면 우측 상단 ... 으로 되어 있는 버튼을 누른다.

11. 단축어 이름에는 알아볼수 있는 명칭을 입력, 공유 시트에서 보기 항목을 활성화 한다.

12. 아래와 같이 설정 하였다.

13. 공유 시트 유형을 누른다.

 

14. 우측 상단의 전체 선택 해제를 누른다.

15. 전체 해제 후 Safari 웹 페이지 항목만 선택한다.

16. 좌측 상단의 세부사항을 눌러 이전 화면으로 돌아간다.

17. 완료를 누른다.

18. 우측 완료를 누른다.

 

19. 설정한 단축어 항목이 나오게된다.

20. Safari 앱을 실행 후 유튜브 웹으로 접속 한다. 접속 후 중앙 아래의 버튼을 누른다.

21. 맨 아래에 보면 앞서 설정한 단축어 항목이 추가 된게 나온다. 해당 항목을 누르자.

22. 처음 누르게 되면 접근 권한에 대해 허용 할 건지 묻는다. (최초 1회만 나온다.) 허용을 누른다.

23. 허용을 누르면 체크 표시 알림이 나오게 된다.

24. 시청할 동영상을 선택한다.

 

25. 전체 화면으로 전환 한다.

26. 홈버튼을 누르게 되면 아래와 같이 PIP기능이 활성화 된다.

주의사항

1. Safari 앱 에서만 동작 한다.

2. 유튜브 앱에서는 동작하지 않는다.

3. 크롬이나 파이어폭스의 경우 Safari 앱 처럼 단축어 앱에서 설정하는 항목 없으며, 동작하지 않는다.

4. 해당 설정은 1회성이라 Safari 앱 종료 후 다시 실행 했을때 동작하지 않을 경우, 21번 항목부터 다시 하면 된다.