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.

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).

Examples

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

Example #2:

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

See also