Возможно ли сделать зеркало <video>?

Ответ 1

Вы можете сделать это, используя 3D-преобразование CSS3.

#videoElement
{
    transform: rotateY(180deg);
    -webkit-transform:rotateY(180deg); /* Safari and Chrome */
    -moz-transform:rotateY(180deg); /* Firefox */
}

Это повернет его на 180 градусов вокруг своей оси Y (так что теперь вы смотрите на него сзади), что дает тот же вид, что и зеркальный.

Пример http://jsfiddle.net/DuT9U/1/

Ответ 2

Вы можете использовать CSS3 scaleX или scaleY, установленный в -1, чтобы соответственно перевернуть видео по горизонтали или по вертикали.

Ответ 3

Использование JavaScript, если video является элементом видео, чтобы зеркалировать (переворачивать по горизонтали), вы можете использовать

video.style.cssText = "-moz-transform: scale(-1, 1); \
-webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); \
transform: scale(-1, 1); filter: FlipH;";

Чтобы перевернуть вертикально, вы можете использовать

video.style.cssText = "-moz-transform: scale(1, -1); \
-webkit-transform: scale(1, -1); -o-transform: scale(1, -1); \
transform: scale(1, -1); filter: FlipV;";