共用方式為


如何水平翻轉視訊 (HTML)

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

使用 msHorizontalMirror 屬性,水平翻轉視訊。

先決條件

這個主題假設您可以使用 JavaScript 建立基本的 Windows 執行階段應用程式。如果建立您的第一個應用程式時需要協助,請參閱使用 JavaScript 建立您的第一個 Windows 市集應用程式

指示

步驟 1: 使用 msHorizontalMirror 屬性

msHorizontalMirror 屬性設定為 True 時,Video 元素會水平翻轉呈現的視訊。 這在視訊標記用於網路攝影機預覽時特別實用,預覽視窗中的影像應該隨使用者往左或往右移動,而不是往相反方向移動。

這個範例會取得 HTML 中定義的 Video 物件,並將 msHorizontalMirror 屬性設定為 True

function mirrorVideo() {
    var myVideo = document.getElementById("videoTag1");
    myVideo.msHorizontalMirror = true;
    myVideo.play();
}

相關主題

基本媒體播放範例

Video