क्या <video> प्रतिबिंबित करना संभव है?

Question

क्या क्षैतिज या लंबवत प्रतिबिंबित टैग के अंदर एक वीडियो बनाना संभव है?

Answer 1

आप इसे CSS3 3 डी रूपांतरण का उपयोग करके कर सकते हैं।

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

यह वह अपने वाई अक्ष के चारों ओर 180 डिग्री (ताकि आप अब उस पर पीछे से देख रहे हैं), जो नजर आता जा रहा है के रूप में ही दिखाई देता है रोटेट किए जाएंगे। http://jsfiddle.net/DuT9U/1/

Answer 2

पर

उदाहरण आप CSS3 के scaleX या scaleY स्थापित करने के लिए -1 क्रमशः क्षैतिज या अनुलंब वीडियो फ्लिप करने के लिए उपयोग कर सकते हैं।

Answer 3

जावास्क्रिप्ट का उपयोग करना, अगर 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;";