h5 mui 解决video调用前置摄像机镜面反转问题

1 <div class="mui-content">
2             <div style="margin: auto;margin-bottom: 50px; ">
3                 <video id="video" width="100%" height="100%" style="border: 0px solid red;margin: auto;"></video>
4                 <canvas id='canvas' width="100%" height="100px" style="display: none;"></canvas>                
5                 <!--<img id='img' src=''>-->
6             </div>    
7             <label>请正对手机进行人脸验证</label>
8         </div>    

1 /*前置摄像头镜面反转*/
2             video{
3                 transform: rotateY(180deg);
4                 -webkit-transform: rotateY(180deg);    /* Safari 和 Chrome */
5                 -moz-transform: rotateY(180deg);
6             }