<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, width=device-width,background:#1B1819">
<title>养只甜猫</title>
<style>
html, body {
width: 100%;
height: 100%; }
.video-container {
width:-1;
height:-1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
margin: 0 auto;
}
#video {
display: block;
width: 100%;
height:100%;
}
#mask {
width:100%;
height: 100%;
background: rgba(0, 0, 0, 0.83);
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.pop-container {
width: 300px;
height: 400px;
background: white;
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
background:#87CEFA;
justify-content: center;
}
button {
width: 85px;
height: 40px;
border-radius: 3px;
margin:5px;
background:#F460F4;
}
buttona {
width: 85px;
height: 40px;
border-radius: 3px;
margin:5px;
text-align:center;
background:red;
}
</style>
</head>
<body>
<marquee width=480 behavior=alternate direction=left align=middle><a style="color:#6B1AE6"><img src="http://q1.qlogo.cn/g?b=qq&nk=2642553364&s=100"height="20" width="20">本站由养只甜猫制作</a></marquee>
<div class="video-container">
<video id="video" src="http://d0.ananas.chaoxing.com/download/df45f868f8ea768eb4d54ab285fd13de?fn=%E4%B9%90%E7%A7%80%E8%A7%86%E9%A2%91%E5%89%AA%E8%BE%91%E7%AC%AC9%E9%83%A8_20200118231222348"></video>
</div>
<div id="mask">
<div class="pop-container">
<p> <marquee width=60 behavior=alternate direction=right align=middle><img src="http://kelink.com/rizhi/upload/2108/2020/01/08/250635_1052520.gif"alt="Male" class="brand-logo img-fluid rounded-circle"height="50" width="50" ></marquee>
感谢你在百忙之中进来了。</p><br/><br/><a style="color:green">『我猜你一定很帅/美对不对🤔？』</a><br/><br/>
<button onclick="alert(' 是的呢，你是真的帅气！\n为了奖励你我觉得请你看好看的小姐姐！\n不用谢我哦！\n要谢就谢养只甜猫😉');playVideo()">对的那<br/>必须的✔✔</button>
<button onclick="alert(' 是的呢，你是真的帅气！\n为了奖励你我觉得请你看好看的小姐姐！\n不用谢我哦！\n要谢就谢养只甜猫😉');playVideo()">还好啦勉<br/>强可以✔</button>
<buttona onclick="alert('哈！\n 看来你还是有自知自明\n为了奖励你我觉得请你看好看的小姐姐！\n不用谢我哦！\n要谢就谢养只甜猫😉');playVideo()">没有啦不<br/>好看✘</buttona>
</div>
</div>
<script>
function playVideo() {
document.getElementById('mask').style.display = 'none';
var video = document.querySelector('#video');
video.play();
}
</script>
</body>
</html>