-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlist_2.html
36 lines (36 loc) · 1.15 KB
/
list_2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
html,body{margin:0;padding:0;width:100%;height:100%;}
#bg{background: url(img/list_bg.png) no-repeat left top;background-size: cover;position:absolute;z-index:1;
width:100%;height:100%;top:0;left:0;
-webkit-filter: blur(60px);
-moz-filter: blur(60px);
-ms-filter: blur(60px);
filter: blur(60px);
}
#container{position:relative;z-index:2;top:0;left:0;margin:100px auto;width:1280px;height:720px;background:url(img/list2_bj.jpg) no-repeat;box-shadow: 0 0 150px #fff;}
#video{
position: absolute;
z-index: 10;
top: 290px;
left: 638px;
width: 480px;
border-radius: 24px;
height:325px;
overflow:hidden;
}
</style>
</head>
<body>
<div id="bg"></div>
<div id="container">
<div id="video">
<embed src="http://player.youku.com/player.php/sid/XMTY4MTc3MDY4OA==/v.swf" allowFullScreen="true" quality="high" width="480" height="325" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
</div>
</div>
</body>
</html>