모바일 HTML5 동영상 형식, 동영상 크기 및 FPS

Question

HTML5를 사용하여 모바일 웹 사이트를 만들고 HTML5 동영상 태그를 사용하려고합니다.

웹 사이트가 iPhone, iPad, Android 및 기타 스마트 폰/기기에서 작동하도록하고 싶습니다.

1. 어떤 비디오 형식을 선택해야합니까? mp4?
2. 최상의 결과를 얻으려면 너비와 높이에 어떤 크기를 사용해야합니까?
3. 동영상에 사용해야하는 FPS (초당 프레임 수)는 어느 것입니까?

미리 감사드립니다.

Answer 1

사람들은 매우 주관적인 질문이다, 그래서 나는 다소 주관적인 답변 당신에게주지 : H264/MP4, OGG : 3 개 미디어 유형을 제공하여

1. 내가 만든 좋은 경험 (희망 다른 사람뿐만 아니라를) 및 <video> 요소에 대해, 적어도이 조합은 지금까지 확인할 수 있었던 모든 장치에서 정상적으로 작동했습니다.
2. 데스크톱 브라우저에서 비디오를 인라인으로 표시하려면 레이아웃에서 지정한 치수를 사용해야합니다. 모바일 전용 솔루션을 찾고있는 경우 16 : 9 콘텐츠의 일반적인 해상도는 480x270 (태블릿 지원을 원하는 경우 'iPhone 용으로 저장'을 선택하면 Quicktime Pro에서 내 보내며)입니다. 그 (것)들을위한 양자 택일 내용을 봉사하기 위하여.
3. 프레임 속도가 낮을수록 파일 크기가 작아 지므로 파일 크기가 얼마나 중요한지 스스로 아셔야합니다. 원래 비디오 프레임 속도의 전체 분수를 사용하는 것이 좋습니다 (예 : 12.5 fps로 설정하면 25fps 소스를 줄일 수 있습니다. 그렇지 않으면 지터스 드롭 프레임 효과가 발생합니다.

또한 HTML5에 큰 video section잠수를 참조하십시오