Compartilhar via


Como ampliar e remover o formato letterbox de um vídeo (HTML)

[ Este artigo destina-se aos desenvolvedores do Windows 8.x e do Windows Phone 8.x que escrevem aplicativos do Windows Runtime. Se você estiver desenvolvendo para o Windows 10, consulte documentação mais recente ]

A propriedade msZoom pode ser usada para aumentar o zoom de um vídeo para remover a letterbox ou pillarbox do vídeo renderizado.

Instruções

Usando o atributo msZoom

Se uma taxa de proporção nativa de um quadro de vídeo, que é definida pelos atributos videoWidth e videoHeight, não corresponder à taxa de proporção da marcação Video, que é definida pelos atributos width e height, o vídeo será renderizado com o formato de letterbox ou pillarbox. Letterbox e pillarbox são barras pretas nos lados esquerdo e direito do vídeo, ou na parte superior e inferior do vídeo.

Quando o atributo msZoom é definido como True, o vídeo renderizado é cortado para se ajustar às dimensões do objeto Video. São cortadas as partes superior e inferior, ou as partes da direita e esquerda, do vídeo.

Por exemplo, se o espaço do layout da marcação do vídeo possuir uma taxa de proporção de 4:3, mas a transmissão de entrada possuir uma taxa de proporção de 16:9, a opção msZoom pode ser usada para renderizar o vídeo de16:9 na taxa de proporção de 4:3. O vídeo renderizado assumirá então o espaço total do objeto Video.

Este exemplo pega um objeto Video e define a propriedade de msZoom como True.

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

Tópicos relacionados

Exemplo de reprodução de mídia

msZoom