Iframe으로 삽입한 유튜브 영상을 모바일에서 스크린이 꺼져도 계속 재생되게 하는 방법이 없을까요?

안녕하세요?

 

유튜브에 공개된 뮤직비디오를 이용하여

 

제가 선별한 플레이리스트 중에서 선택 재생 및 반복 재생 등을 할 수 있는 웹페이지를

 

틈틈이 연습삼아 만들어 보고 있는데요. 

 

 

장기적으로는 UK single chart 40을 파싱해서 매주 플레이리스트를 생성하여

 

웹페이지에서 차트 수록곡의 뮤직비디오를 감상할 수 있도록 만들여보려고 하네요. 

 

제가 어릴 때부터 영국 밴드의 음악을 주로 들어서 그 쪽이 더 친숙하기 때문에 

 

그런 음악을 주변의 친구들에게 소개하려는 목적이거든요 ^^

(물론 다수의 유튜버들이 매주 차트 수록곡을 하나의 영상 또는 플레이리스트로 편집해서 올리고 있긴 하죠)

 

 

잠깐 옆길로 새었는데 제가 개발자도 아니고 컴맹 수준에서 짬짬이 공부하는 것이라서

 

뭔가 막히는 부분이 있어서 여쭤볼게요.

 

다른 분들께서 보시기엔 아주 기초적인 문제인데 제가 잘 몰라서 끙끙거리는 것일 수도 있다는 생각이 들어서요 ㅠㅠ

 

 

유튜브에서 제공하는 Iframe Player API를 이용하면

 

HTML에서 PLAY/STOP 버튼을 만들어서 유튜브의 영상의 재생을 조작할 수 있던데요. 

 

아래에 제가 캡쳐한 부분과 같이 제한이 걸려 있어서 모바일에서는 바로 재생을 시작할 수도 없고 

(PC와 달리 모바일에서는 유튜브 화면을 한 번 탭해야 재생이 되더군요)

 

재생을 하려면 화면이 계속 켜져 있어야 하더군요.

 

그리고 한 번 화면이 꺼지면 화면을 켜고 다시 탭을 해야 재생이 되구요.

 

제가 만들어보고 싶은 방향은 일정시간이 경과하여 모바일 기기의 화면이 꺼지더라도 

 

쥬크박스처럼 선택된 음악을 연속으로 들을 수 있으면 좋을텐데 말이죠.

 

 

 

그누보드 자료실에서 검색해보니 제가 만들려고 하는 웹페이지와 유사한 것을 

 

보드나 위젯 형태로 이미 올려놓으신 분들도 계시던데요. 

 

그 글의 설명에서도 모바일에서는 정상 작동하지 않는다고 경고문(?)이 써있더군요. 

 

 

아무래도 제 주변의 친구들이 PC보다는 모바일로 음악을 듣지 않을까 생각되는데요.

 

그렇다면 모바일 페이지는 PC와는 아예 다른 방식으로 만들어야 하는 것인가요? 

 

어차피 제가 아무것도 모르는 상태에서 공부 삼아서 만드는 것이라서 

 

아예 방향을 잘못 잡았다면 처음부터 다시 공부하고 방향을 수정하는 편이 맞는 것 같아서요 ㅠㅠ

 

 

파이어폭스 브라우저에서 유튜브를 실행하거나 별도의 앱을 깔면 

 

모바일 기기의 화면이 꺼져도 재생이 가능하긴 하던데요.

 

주변에 모바일 파이어폭스를 사용하는 사람이 많지 않은 것 같더군요. 

 

모든 브라우져에서 별도의 앱 설치 없이 가능한 방법은 없을까요?

 

혹시 처음부터 JW Player를 이용해서 웹페이지를 만드는 것이 더 수월하고 빠른 길일까요? ㅠㅠ

 

 

어쩌면 트리뷰 님의 웹앱 제작 강의나 Ciel 님의 안드로이드 강의를 끝까지 들으면 

 

제가 '유레카'를 외칠 해결방법이 나올 수 있을 것 같기도 하네요 ^-^

 

그럼 다들 편안한 저녁 되세요.

 

항상 감사드립니다!