비디오에서 레터박스를 확대 및 제거하는 방법

비디오를 확대하고 비디오에서 레터박스를 제거하는 방법(HTML)

[ 이 문서는 Windows 런타임 앱을 작성하는 Windows 8.x 및 Windows Phone 8.x 개발자를 대상으로 합니다. Windows 10용으로 개발하는 경우에는 최신 설명서를 참조하세요.]

비디오를 확대하여 렌더링된 비디오에서 레터박스나 필러박스를 제거하려면 msZoom 속성을 사용할 수 있습니다.

지침

msZoom 특성 사용

videoWidthvideoHeight 특성으로 정의한 비디오 프레임의 기본 가로 세로 비율이 widthheight 특성으로 정의한 Video 태그의 가로 세로 비율과 일치하지 않으면 비디오가 레터박스 또는 필러박스 형식으로 렌더링됩니다. 레터박스와 필러박스는 비디오의 좌우 또는 상하에 표시되는 검은색 막대입니다.

msZoom 특성을 True로 설정하면 렌더링된 비디오가 Video 개체의 크기에 맞게 잘립니다. 비디오의 상하 또는 좌우가 잘립니다.

예를 들어 비디오 태그의 레이아웃 공간은 가로 세로 비율이 4:3이지만 들어오는 스트림은 가로 세로 비율이 16:9인 경우, 16:9 비디오를 4:3 가로 세로 비율로 렌더링하려면 msZoom 옵션을 사용할 수 있습니다. 그러면 렌더링된 비디오는 Video 개체의 전체 공간을 차지하게 됩니다.

이 예에서는 Video 개체를 가져와서 msZoom 속성을 True로 설정합니다.


   <script type="text/javascript">
       var myVideo = document.getElementById("videoTag1");
       myVideo.msZoom = true;
       myVideo.play();
   </script>


관련 항목

미디어 재생 샘플
msZoom

 

 

표시:
© 2016 Microsoft