Chrome v52 html5 동영상이 늘어나나요?

Question

표준 html5 비디오 태그를 사용하여 클라우드 스토리지에서 비디오를 가져 오는 웹 사이트를 운영하고 있습니다. Chrome 브라우저가 v52로 업데이트 된 이후로 동영상이 기본적으로 너무 넓어 져 Chrome에 메타 데이터에 문제가있는 것처럼 모든 것이 좋습니다.

예를 들어 특정 동영상에는 영향을주지 않습니다. 일부 동영상은 iPhone, iPad, Android 스마트 폰 또는 웹 브라우저를 통해 업로드되었습니다 (웹 브라우저에는 문제가 없습니다).

Firefox 및 IE (Edge)의 동영상 태그가 정확히 작동해도 동영상이 늘어나지 않습니다.

누구나이 문제를 우연히 발견하고 우연히 CSS 트릭이나 기타 문제가 될 수있는 모든 종류의 수정 사항을 적용 할 수있었습니다.

Chrome의 다음 업데이트로이 문제가 해결되기를 기대합니다. 사전에

감사합니다 ...

P.

Answer 1

이 아마 Chromev52의 버그입니다. 이 문제에 직면 한 샘플 비디오는 SAR (Storage Aspect Ratio)이 1 : 1로 설정되었지만 DAR (디스플레이 종횡비)은 16 : 9로 설정되었습니다. 크롬은 DAR 값을 존중하지 않았다.

비디오의 경우 SAR 및 DAR 값을 확인하려면이 명령을 사용하십시오.

ffmpeg -i input.mp4 

이것이 버그인지 확인하기 위해 파일을 16 : 9의 SAR로 다시 인코딩했습니다. Chrome에서 동영상이 올바르게 표시됩니다.

새 종횡비로 다시 인코딩하려면이 방법을 사용하십시오.

ffmpeg -i input.mp4 -vf scale=iw*16/9:ih output.mp4 

업데이트 : -

문제는 버그 632624 때문입니다.

는

요약 :

비디오의 가진 회전 메타 데이터는 표시하기 전에 회전해야합니다. 회전 후 회전 된 비디오가 브라우저에 맞게 늘어납니다. 버그는 비디오를 스트레치하는 크기 였고, 비 회전 비디오 크기를 사용하여 계산되어 왜곡을 일으켰습니다.