iPad(iOS6)의 Safari는 페이지 너비를 100% 채울 수 있도록 HTML5 비디오의 크기를 조정할 수 없습니다.

이 기사에서는 iPad IOS6의 Safari에서 HTML5 비디오의 크기를 조정하지 않고 페이지 너비를 100% 채우는 방법을 설명합니다. 반응형 HTML5 페이지에서 다음 CSS를 적용하여 비디오를 전체 너비(100%)로 표시할 수 있습니다. 영상의 원래 해상도는 480x270입니다. 모든 데스크톱 브라우저에서 비디오 크기는 화면 비율을 유지하면서 페이지의 전체 너비에 맞게 조정됩니다.

단, 아이패드(iOS 6.0.1), 모바일 사파리, 크롬에서는 페이지 폭과 동일한 검은색 직사각형이 표시됩니다. 검은색 직사각형의 중앙에는 기본 해상도가 480x270픽셀인 작은 비디오가 포함되어 있습니다.

다음은 iPad IOS6의 Safari가 반응형 HTML5 페이지에서 페이지 너비를 100% 채우기 위해 HTML5 비디오 크기를 조정하지 않는 방법에 대한 예입니다

예 1

아래 예에서는 스타일 속성에서 비디오 너비와 높이를 설정하겠습니다.

으아악

위 스크립트가 실행되면 웹 페이지에 업로드된 동영상으로 구성된 출력이 생성되고 스타일 속성을 사용하여 설정된 모든 소스에 적합하게 만들어집니다.

예 2

다음 예에서는 절대값으로 설정된 위치를 사용합니다

으아악

스크립트가 실행되면 출력 창이 팝업되어 웹 페이지에 비디오가 표시되므로 모든 소스에 적합합니다.

위 내용은 iPad(iOS6)의 Safari는 페이지 너비를 100% 채울 수 있도록 HTML5 비디오의 크기를 조정할 수 없습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!