html5 - webapp在播放页面的video标签设置controls=“controls”,但是一点击播放按钮controls就消失了？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

PHPz 2017-04-17 11:29:47

[HTML讨论组]

857

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

PHPz

学习是最好的投资！

全部回复(2)

黄舟2017-04-17 11:31:47 2楼

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

赞 +0

添加回复

黄舟2017-04-17 11:31:47 1楼

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

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

.video_p {

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

}

.video_close_btn {

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

}

.video_p video {

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

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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>