安卓微信video标签浮在最表层覆盖分享框问题

问题：安卓微信里的video标签在播放后中是浮在最表层，覆盖了分享框，效果如图：

解决：暂时解决方案
在点击分享时，除去video标签，添加一个图片，隐藏分享框后，在添加一个video标签
html如下：

<div class="video_box" id='video_width' style="padding-bottom: 15px;">
    <div class="video_title">{{$oMenu->title}}</div>
</div>
<video  id='video' poster="{{$oMenu->thumb}}" src="{{$oMenu->video_url}}" controls="controls" >您的浏览器不支持video标签</video>
<div class="video_box">
    <div class="like_box clearfix">
        <input type="hidden" id="classid" value="{{$oMenu->id}}" />
        <input type="hidden" id="openid" value="{{$openid}}" />
        <div class="like @if($flag) good@endif">{{$oMenu->like_count}}</div>
        <div class="share">
            <input class="share_btn" type="button" value="分享" onclick="shareShow();"/>
        </div>
    </div>
</div>
<script type="text/javascript">
$(document).ready(function () {   
   //获取宽度
      var width=document.getElementById("video_width").offsetWidth;
      $('#video').css("width", width);
});
function shareShow(){
    $('#sharebox').show();
    $('#video').remove();
    $('#video_width').after('<img id="video" src="{{$oMenu->thumb}}" style="height:183px;" />');
}

function shareHide(){
    $('#sharebox').hide();
    $('#video').remove();
    $('#video_width').after('<video  id="video" poster="{{$oMenu->thumb}}" src="{{$oMenu->video_url}}" controls="controls" >您的浏览器不支持video标签</video>');
    var width=document.getElementById("video_width").offsetWidth;
       $('#video').css("width", width);
   }
</script>

效果如图：