论坛
标题:
不加视频点击关闭可以关掉弹窗 加入视频之后点击关闭没反应 而且视频没声音
[打印本页]
作者:
lljj
时间:
2018-8-10 15:12
标题:
不加视频点击关闭可以关掉弹窗 加入视频之后点击关闭没反应 而且视频没声音
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>弹出层</title>
</head>
<style>
.btn{width:200px;height:50px; background-color:#49A2FF;color:#fff; font-size:24px; text-align:center; line-height:50px; cursor:pointer;}
.box{width:600px; height:400px; background-color:#CCCCCC; position:fixed; top:50%; margin-top:-200px; left:50%;margin-left:-300px; display:none;}
.close{width:30px; height:30px; background-color:#FF9799; position:absolute; top:0;right:0px; color:#fff; text-align:center; line-height:30px; font-size:24px;}
.box video{width:600px; height:400px;}
</style>
<script src="js/jquery-1.11.3.min.js"></script>
<script>
$(function(){
$(".btn").click(function(){
$(".box").css("display","block");
})
$(".close").click(function(){
$(".box").css("display","none");
})
})
</script>
<body>
<div class="btn">登录</div>
<div class="box">
<div class="close">×</div>
<video src="video/video.mp4" controls></video>
</div>
</body>
</html>
欢迎光临 论坛 (http://bbs.qinxue.com/)
Powered by Discuz! X3.1