HTML 비디오 태그
조회수 681회
<video controlsList="nodownload" width="1000" poster ="videoName.jpg" controls >
<source src="videoName.mp4" type="video/mp4">
<track src="videoName.vtt" kind="subtitles" srclang="ko" label="Korea" default>
<track src="videoName.vtt" kind="subtitles" srclang="en" label="English" default>
</video>
위와 같이 비디오 태그를 적었는데요. 다 잘 작동하는데 모바일에서는 전체화면시 자막이 작동이 안되더라고요. 모바일에서 자막을 보이게 하는 방법이 없을까요?
-
(•́ ✖ •̀)
알 수 없는 사용자
2 답변
-
모바일 및 PC 등에서의 영상 경험을 통일하고자 하시는 거라면 슬슬 플레이어 프레임워크 도입을 생각해 보셔야 합니다. VideoJS 같은 오픈소스가 잘 돼 있는 게 있으니 시도해 보세요.
-
http://www.iandevlin.com/html5test/webvtt/html5-video-webvtt-sample.html
요 예제는 잘 보이는거 같은데요. 제 아이폰에서 테스트 해 봤습니다. ㅎㅎ
- 여러번 해도 안되서 고민했는데.. 알고보니깐 네어버어플에서는 되고 삼성인터넷과 구글크롬으로는 안되네요 ㅠㅠ 알 수 없는 사용자 2019.1.14 19:39
- 음... 브라우저/웹뷰가 HTML 스펙을 얼마나 구혔했는지에 따라서 되고 안되고가 갈릴텐데, 안드로이드인가요? 구글 크롬에서 안되는건 의외네요. 제가 위 URL로 테스트해 본건 아이폰7 크롬이었고요. 아마 네이버 어플에 탑재된 웹뷰가 스펙 구현도가 높은 것 같네요. doodoji 2019.1.14 19:45
댓글 입력