È possibile effettuare il mirroring di <video>?

Question

È possibile realizzare un video all'interno di un tag specchiato orizzontalmente o verticalmente?

Answer 1

È possibile farlo utilizzando una trasformazione 3D CSS3.

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

Ciò ruotarlo di 180 gradi attorno al suo asse Y (in modo che stai ora guardando da dietro) che dà lo stesso aspetto in fase di mirroring.

Esempio in http://jsfiddle.net/DuT9U/1/

Answer 2

È possibile utilizzare CSS3 scaleX o scaleY impostati a -1 capovolgere rispettivamente il video orizzontalmente o verticalmente.

Answer 3

Utilizzando JavaScript, se video è l'elemento video, a specchio (capovolgere orizzontalmente) è possibile utilizzare

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

Per capovolgere verticalmente è possibile utilizzare

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