inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

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

259

Next

작성한 질문수 64

1

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

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

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

jquery HTML/CSS

답변 2

1

코딩웍스(Coding Works)

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

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

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

0

Next

답변 감사합니다ㅎ

class 값 한 번에 부여하는법

2

80

1

@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.

1

69

1

div#css-checker-widget의 해결방

1

60

2

input의 포커스되었을때 검정선이 사라지지 않아요

0

79

2

강의듣는법

1

74

1

아코디언 만들기 100%이하의 화면으로 보았을때

1

68

2

input checked 질문합니다.

0

76

1

Bracket Pair Colorizer - 비주얼 스튜디오

1

140

2

Part 1 영상 안나옵니다

1

89

1

제이쿼리 작동이 안됩니다

1

199

3

강의 내용 질문있습니다.

1

120

2

일정 부분만 주석하는 방법

1

211

2

폰트어썸

1

134

2

인접선택자에 대한 질문드립니다!

1

129

2

delay 적용 안됨

1

134

1

rotateY(360deg)가 적용이 안됩니다!

1

186

2

세로이동할때 height값

1

138

2

폰트어썸이 안되요..

1

486

2

화면 정중앙에 오게끔 할수있나요?

1

169

1

어코디언 네비게이션 중

1

127

1

라이브서버 문제

1

230

2

넷플릭스 어코디언 예제 질문

1

105

1

이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?

1

157

1

active 관련 질문

1

147

2