<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: 300px;
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;
}
</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">本站由养只甜猫制作<br/>这个消息是假的！你在想什么呢？？</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">全国教育局通知:1月22日晚因新型冠型肺炎病毒原因，各省高校停课至3月20日之后，具体原因请点击确定后查看。
</a><br/> 2020年1月24日宣<br/>
<button onclick="alert('首先我们先看一段关于新型病毒的视频，\r别担心，视频很小，内容丰富。');playVideo()">查看详情</button>
</div>
</div>
<script>
function playVideo() {
document.getElementById('mask').style.display = 'none';
var video = document.querySelector('#video');
video.play();
}
</script>
</body>
</html>
|
File page
Subscribe |
Register |
Login
| N