최신 웹 개발 튜토리얼
 

Video width Property

<비디오 객체

비디오 플레이어의 폭을 변경 :

document.getElementById("myVideo").width = "500";
»그것을 자신을 시도

정의 및 사용

폭 속성 집합 또는의 값 반환 width 비디오의 속성을.

width 특성 픽셀 비디오 플레이어의 폭을 지정한다.

팁 : 항상 높이와 동영상의 너비 속성을 모두 지정합니다. 높이와 폭이 설정되어있는 경우 페이지가로드 될 때, 비디오에 필요한 공간이 예약되어 있습니다. 그러나, 이러한 특성없이, 브라우저는 비디오의 크기를 알아야하지 않으며, 적절한 공간을 예약 할 수 없습니다. 효과는 페이지 레이아웃 (비디오 부하 동안)로드하는 동안 변경됩니다 될 것입니다.

참고 : 높이와 너비 속성으로 비디오 크기를 조정하지 마십시오! 높이와 너비 속성을 가진 대형 비디오를 소형화하는 것은 원래의 동영상을 다운로드하는 사용자가 강제로 (even if it looks small on the page) . 비디오 크기를 조정하는 올바른 방법은 페이지에 사용하기 전에, 프로그램과이다.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

폭 속성은 모든 주요 브라우저에서 지원됩니다.

참고 : 인터넷 익스플로러 8 이전 버전은 지원하지 않습니다 <video> 요소를.


통사론

width 속성을 반환합니다 :

videoObject .width

폭 속성을 설정 :

videoObject .width= pixels

속성 값

기술
pixels 픽셀 비디오 플레이어의 폭을 지정 (ie width="100")

기술적 세부 사항

반환 값 : 픽셀 영상의 폭을 나타내는 숫자,

더 예

비디오의 폭을 가져 오기 :

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

X의 결과는 다음과 같습니다

320
»그것을 자신을 시도

관련 페이지

HTML 참조 : HTML <video> 폭 특성


<비디오 객체