如何放大和删除视频中的 letterbox (HTML)

[ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员。如果你要针对 Windows 10 进行开发,请参阅 最新文档 ]

msZoom 属性可用于放大视频以删除所呈现视频中的上下黑边或左右黑边。

说明

使用 msZoom 属性

如果视频帧的本机纵横比(通过 videoWidthvideoHeight 属性进行定义)不匹配 Video 标记的纵横比(通过 widthheight 属性进行定义),将以上下黑边或左右黑边的格式呈现视频。 上下黑边或左右黑边是视频左侧和右侧或视频顶部和底部的黑条。

msZoom 属性设置为 True 时,将剪裁呈现的视频以适合 Video 对象的尺寸。 或者将剪裁视频的顶部和底部,或者将剪裁视频的左侧和右侧。

例如,如果视频标记的布局空间为 4:3 纵横比,但是传入的流采用 16:9 纵横比,则可以使用 msZoom 选项以 4:3 纵横比呈现 16:9 视频。然后,呈现的视频将占据 Video 对象的整个空间。

以下示例获取 Video 对象,并将 msZoom 属性设置为 True

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

相关主题

媒体播放示例

msZoom