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);
            }