인프런 커뮤니티 질문&답변

Next님의 프로필 이미지

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

[Part 05] 비디오 백그라운드를 활용한 랜딩페이지 - 비디오 오버레이 씌우기, 오디오 넣고 볼륨 조절

비디오 백그라운드를 활용한 랜딩페이지

20.09.05 05:39 작성

·

186

1

안녕하세요ㅎ 질문드립니다.

혹시 이런 비디오 백그라운드 랜딩페이지는 모바일에선 보통 어떤 식으로 사용자에게 보여주나요? 

모바일에선 비디오를 이미지로 대체해서 보여주는건지 아니면 비디오 크기를 엄청 작게 만들어서 보여주는건지 궁금합니다ㅎ

답변 2

1

코딩웍스(Coding Works)님의 프로필 이미지

2020. 09. 06. 16:08

모바일에서 동영상을 보여주는건 정책에 따라 결정됩니다.
로딩의 부담이 있더라도 보여줄지, 로딩 부담을 줄일 겸 동영상 위에 컨텐츠를 강조할 겸 placeholder 이미지로 대체할지...

요즘은 모바일이 워낙 빨라서 동영상을 보여주는 경우도 많은 것 같습니다.
모바일에서 보여줄 때는 당연히 16:9 비율로 보여주는 것 보다 viewport height로 동영상의 좌우가 잘리더라도 모바일 portrait 즉, 세로가 길게 차는 형태로 보여주는 듯 합니다.

개인적인 생각입니다만, 모바일에서 동영상을 보여줘서 집중을 흐트리는 것 보다 placehoder 이미지로 대체하는 것이 더 나은 선택이라고 생각됩니다.

0

Next님의 프로필 이미지
Next
질문자

2020. 09. 06. 20:22

답변 감사합니다ㅎ

Next님의 프로필 이미지

작성한 질문수

질문하기