HTMLVideoElement.msHorizontalMirror

Non-standard: This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

msHorizontalMirror is a read/write property which gets or sets whether a video element is flipped horizontally in the display.

This proprietary property is specific to Internet Explorer and Microsoft Edge.

Syntax

HTMLVideoElement.msHorizontalMirror: boolean;

Value

Boolean value set to true flips the video playback horizontally.

Video perspective is flipped on a horizontal axis - this may be useful for playback of a webcam video, providing the user with better mirroring of their real behaviors (ie. when user moves left, their representation on-screen would move left as well).

Example

       var myVideo = document.getElementById("videoTag1");
       myVideo.msHorizontalMirror = true;
       myVideo.play();

Example #2:

    var flip = document.querySelector('#flip');
    flip.addEventListener('click', function() {
      video.msHorizontalMirror = true;
    });

See also

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLVideoElement/msHorizontalMirror