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

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

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