针对在webview模式中,小米魅族手机不支持html5原生video的control的解决办法![原创]

<div class="videoDiv">
    <video id="video" poster=""  preload="metadata" width="100%" height="100%" autoplay="autoplay" x-webkit-airplay="allow"
           webkit-playsinline>
        <source src="http://125.88.92.166:30001/PLTV/88888956/224/3221227739/1.m3u8" type=‘application/x-mpegURL‘ />
    </video>
    <img class="playImg" src="img/play.png">
</div>

$(document).ready(function(){
    /***********判断浏览器ua类型**********************/
    var n=navigator.userAgent.toLowerCase();
    if(/iphone|ipad|ipod/.test(n)){
        $(".playImg").remove();
    }
    /**************************视频控制*********************************************/
    function fPlayVideo(){
        $(".playImg").click(function(event) {
            var myVideo = document.getElementsByTagName(‘video‘)[0];
            if (myVideo.paused){
                myVideo.play();
                $(".playImg").css(‘display‘,‘none‘);
            }
            else{
                myVideo.pause();
            }
        });
        $("video").click(function(event){
            var myVideo = document.getElementsByTagName(‘video‘)[0];
            if (myVideo.paused){
                myVideo.play();
                $(".playImg").css(‘display‘,‘none‘);
            }
            else{
                myVideo.pause();
                $(".playImg").css(‘display‘,‘block‘);
            }
        });
        $("video").bind("ended",function(){
            $(".playImg").css(‘display‘,‘block‘);
        });
    }
    $(function(){
        fPlayVideo();
    });
});