동영상 풀스크린 배경

html5에는 <video>태그가 있어서

플러그인 프로그램 없이도 웹 브라우저에서 직접 동영상을 재생할 수 있다.

아직까지는 모바일 브라우저에서는 동영상 풀 스크린 배경을 사용할 수 없기 때문에

모바일 기기로 접속하는 사용자를 위해 동영상 풀 스크린 배경 대신 표시할 이미지를 함께 사용한다.

(언제까지 안될까?!)

최신 웹 브라우저에서는 mp4형식의 파일을 재생할 수 있도록 지원한다.

동영상파일은 재생 시간이 20~20초 정도로 짧고, 파일 용량은 5MB 이하인 것을 사용하는것이 좋다.

 

동영상 파일을 로딩하는 동안 동영상 대신 표시할 이미지를 포스터 이미지(poster image)라고 한다.

포스터 이미지는 <video>태그를 인식하지 못하는 브라우저에서 동영상 대시 표시되고,

동영상을 풀 스크린 배경으로 사용할 수 없는 모바일 브라우저에서도 동영상 대신 사용할 수 있다.

가급적 오디오는 제거하고 넣는 것이 좋다.

 

+

조만간 동영상을 넣거나

홈페이지 디자인을 다시 시작해야 하는데 잘 배워두고 기록도 많이 해야지.