Cómo acercar y quitar el formato letterbox de un vídeo (HTML)

[ Este artículo está destinado a desarrolladores de Windows 8.x y Windows Phone 8.x que escriben aplicaciones de Windows Runtime. Si estás desarrollando para Windows 10, consulta la documentación más reciente ]

La propiedad msZoom puede usarse para acercar un vídeo para quitar el formato letterbox o pillarbox del vídeo representado.

Instrucciones

Uso del atributo msZoom

Si la relación de aspecto nativa de un fotograma de vídeo, según la definen los atributos videoWidth y videoHeight, no coincide con la relación de aspecto de la etiqueta Video, según la definen los atributos width y height, el vídeo se representará con el formato letterbox o pillarbox. Los formatos letterbox y pillarbox son las barras negras situadas en la parte izquierda y derecha del vídeo o en la parte superior e inferior del mismo.

Cuando el atributo msZoom está establecido en True, el vídeo representado se recorta para ajustarse a las dimensiones del objeto Video. Se recorta la parte superior e inferior del vídeo o la parte izquierda y derecha.

Por ejemplo, si el espacio de diseño de la etiqueta de vídeo es una relación 4:3, pero la secuencia que entra tiene imágenes con una relación de aspecto 16:9, la opción msZoom se puede usar para representar el vídeo 16:9 en una relación de aspecto 4:3. El vídeo representado ocupará todo el espacio del objeto Video.

En este ejemplo se obtiene un objeto Video y se establece la propiedad msZoom en True.

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

Temas relacionados

Ejemplo de reproducción de multimedia

msZoom