모바일 웹 - 새 탭에서 비디오 띄우는 방법

Question

안녕하세요, 저는 지금 모바일 웹 프로젝트를 진행하고 있는 초급 프론트엔드 개발자입니다.동영상의 세부 정보를 보여주는 화면에서, 화면 하단에 있는 '비디오 보기' 버튼을 누르면 기본 플레이어로 동영상이 재생하는 기능을 구현하고 싶습니다. 대신 비디오 플레이어 화면 개발 없이 기존 페이지에서 띄우려면 어떻게 해야 할지 궁금합니다. NTC(나이키 트레이닝) 앱처럼 구현하고 싶습니다. NTC 앱에서 "운동 시작" 버튼을 누르면, 기존 페이지에 레이어가 추가된 것 처럼 트랜지션 효과와 함께 기본 동영상 플레이어가 나타나는데요. 앱이 아닌 모바일 웹에서 이를 구현할 수 있는 건가요? 기본 플레이어는 기존 화면에서 바로 아래 사진과 같이 기본 플레이어가 나타납니다. (아이폰을 사용하고 있습니다.) 저는 새 탭에서 열리는 형식인가 싶어 아래와 같이 a태그의 href에 URL을 전달하였습니다. 영상 시청하기 그런데 NTC 앱과는 다른 느낌인지라.. 하루종일 구글링해봐도 이런 케이스가 나오지 않습니다 ㅠㅠ 결론은 다음과 같습니다. 며칠동안 고민하다가 글 올려봅니다. 😭 1. 웹에서 구현 가능한 방식인가요? 2.이런 방식으로 기본 플레이어를 바로 띄우려면 어떻게 구현해야 할까요?

kiel · Answer

HTML에 video 태그가 있는데 이걸 써보시면 어떨까요?https://developer.mozilla.org/en-US/docs/Web/HTML/Element/videohttps://coding-factory.tistory.com/886

KarlStyner · Answer

프론트엔드 개발의 시작점모든 html 태그를 알고 있다css가 무엇인지 이해하고 있다js에 대한 기초 지식이 있다.프론트엔드 개발의 지향점css와 js에 대한 깊은 이해를 바탕으로 자유롭게 웹을 제어할 수 있다.화이팅입니다.

모바일 웹 - 새 탭에서 비디오 띄우는 방법

2개의 답변

기술 목록