webapp在播放页面的video标签设置controls=“controls”,但是一点击播放按钮controls就消失了？

Question

我在video标签中设置controls=“controls”，点击都好好的，但在模拟器中运行一点击controls就不见了，没有办法控制视频该怎么办？

Answer 1

会不会是模拟器的问题？挂到服务器上去测试一下？

Answer 2

把video单独写一个div里面 然后这个div全屏显示，就有点像是ios那样点击播放后弹出一个层，在这里面就有控制按钮了代码如下：

<div class="video_div">
            <div class="video_close_btn">
                <img src="~/BeautyModel/Images/activity/avtivity_lu/close.png" />
            </div>
            <video id="myVideo" src="/BeautyModel/Images/MV/index_beifenMp4.mp4" controls="controls">
                your browser does not support the video tag
            </video>
        </div>

.video_div {

position: absolute;
top: 0px;
left: 0px;
display: none;
width: 100%;
height: 100%;
background: black;

}

.video_close_btn {

position: absolute;
top: 10%;
right: 8%;

}

.video_div video {

position: absolute;
top: 0px;
bottom: 0px;
margin: auto;
width: 100%;

}
个人还是个新手，也在学习中。有错误之处还望见谅