비디오 너비 속성

HTML DOM Video 대상

정의와 사용법

width 속성은 비디오의 width 속성 의 값.

width 속성은 플레이어의 너비를 픽셀 단위로 정의합니다.

ヒント:항상 비디오의 높이와 너비 속성을 지정해야 합니다. 높이와 너비가 설정되면 페이지 로드 시 비디오가 필요한 공간을 유지합니다. 그러나 이러한 속성이 없으면 브라우저는 비디오의 크기를 알 수 없으며 적절한 공간을 예약할 수 없습니다. 페이지 레이아웃은 로드 중(비디오 로드 시) 변경됩니다.

주의사항:높이와 너비 속성을 사용하여 비디오를 다시 크기 조정하지 마세요! 높이와 너비 속성을 가진 큰 비디오를 축소하면 사용자가 원본 비디오를 다운로드하게 됩니다(즉 사용자가 페이지에서 보이는 것보다 작게 보이더라도). 비디오를 다시 크기 조정하는 올바른 방법은 프로그램을 사용한 후 페이지에서 사용하는 것입니다.

예제

예제 1

비디오 플레이어의 너비를 변경하십시오:

document.getElementById("myVideo").width = "500";

직접 시도해 보세요

예제 2

비디오의 너비를 가져오기:

var x = document.getElementById("myVideo").width;

직접 시도해 보세요

문법

반환 width 속성:

videoObject.width

width 속성 설정:

videoObject.width = pixels

속성 값

값 설명
pixels 비디오 플레이어의 너비를 픽셀 단위로 정의합니다.

기술 세부 사항

반환 값: 수치, 비디오의 너비를 픽셀 단위로 표시합니다.

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 9.0 지원 지원 지원

관련 페이지

HTML 참조 매뉴얼:HTML <video> width 속성

HTML DOM Video 대상