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 }