HTML5 비디오 크기와 포스터 크기가 일치하지 않습니다.

Question

.mov를 다른 html5 비디오 형식 (webm, ogv 및 mp4)으로 변환하는 데 Miro Video Converter (http://www.mirovideoconverter.com/)를 사용했습니다. 수동으로 동영상의 첫 번째 프레임에서 포스터 이미지를 만들었습니다.

Firefox와 Safari에서는 모든 것이 잘 작동하지만 Chrome을 사용하면 비디오가 약간 더 커지는 것 같습니다. 포스터 이미지와 비디오 시작 부분의 차이를 볼 때 쉽게 알아볼 수 있습니다.

누군가가 동일한 문제를 겪은 적이 있는지, 여기에 문제가 내 비디오 파일 또는 퍼가기 중 어느 것인지 궁금합니다. http://jsfiddle.net/aLvpP/

Answer 1

확인

누구도 여기 오면 그래서, 나는 마침내 이에 대한 해답을 발견 : 여기

실제 파일이있는 jsfiddle입니다.

크롬이 더 크고 흐린 비디오를 표시하는 이유는 mp4 버전이 표준 16 : 9 형식이 아니라 너무 멀리 떨어져 있지 않기 때문에 조금 뻗어있는 느낌이었습니다.

실은, 원래의 mov 파일을 FFmpeg로 변환하여 mp4 형식으로 변환하려고 시도했을 때, FFmpeg가 그것을 내버려 두지 않았기 때문에, "비디오 너비 16로 나눌 수 없습니다 ".

원본 비디오의 형식을 표준 16 : 9 형식으로 변경하면 문제가 해결되었습니다.