共用方式為


如何放大視訊並移除上下黑邊 (HTML)

[ 本文的目標對象是撰寫 Windows 執行階段 App 的 Windows 8.x 和 Windows Phone 8.x 開發人員。如果您正在開發適用於 Windows 10 的 App,請參閱 最新文件 ]

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