모바일 웹 video 태그 동영상 재생 오류
본문
video 태그를 이용해서 메인페이지에 퍼블을 진행중입니다.
그누보드를 베이스로 PC와 모바일 페이지를 나누어 작업 진행중인데요.
PC에서는 video 태그를 포함 동영상이 정상적으로 잘 작동이 되나,
모바일(디바이스) 웹에서는 video 태그 안의 동영상이 하얗게 나오고 재생 자체가 되질 않습니다.
(PC에서 모바일 ?devide=mobile 로 변경할땐 정상적으로 재생됨)
그래서 문제가 될만한 부분을 추려서 테스트 해봤지만 명확한 오류의 원인을 찾을 수 없어 난감한 상황입니다. 혹시라도 비슷한 이슈를 겪고 계시거나 해결 방법이 있는지 궁금합니다.
★ 확인해본 사항
1. 동영상의 코덱 문제인가? -> mp4(H.264) 설정. 혹시 몰라 webm으로도 테스트 해봤으나 모바일 웹에서는 여전히 오류 발생
2. 호스팅사의 이슈인가?(닷홈) -> 호스팅사 별도 문의 하였으나 동영상 재생과 관련된 이슈가 없을을 확인 받음, 같은 호스팅사 테스트 계정으로 (그누보드 세팅x) 진행했을땐 오류가 생기지 않음
3. 경로설정의 문제인가? -> 절대경로로 세팅도 해보고, video가 있는 위치도 바꿔봤으나 오류 발생
4. 그누보드의 문제인가? -> 오류가 생기는 페이지가 아닌 아예 다른 호스팅+그누보드(Version 5.4.5.5)를 통해 세팅한 페이지에선 정상적으로 재생됨
★ 모바일에서 재생이 될 때
- 다른 ftp 계정에 올린 url을 연결했을 땐 모바일 웹(디바이스) 정상 재생됨
★ 글쓴이의 개발 환경
MySQL 5.7 / PHP 7.3 / 그누보드 Version 5.5.7.2