| 123456789101112131415161718192021222324252627282930313233343536 |
- <!DOCTYPE html>
- <meta name="viewport" content="user-scalable=0" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta name="viewport"
- content="width=device-width,initial-scale=1.0, minimum-scale=0.2 maximum-scale=1.0, user-scalable=no" />
- <style>
- html,
- body {
- height: 100%;
- margin: 0;
- padding: 0;
- overflow: hidden;
- background: rgba(0, 0, 0, 0.2);
- }
- .juzhong {
- width: 960px;
- height: 600px;
- top: 50%;
- left: 50%;
- transform: translate(-50%,-50%);
- position: absolute;
- }
- .juzhong video{
- width: 100%;
- height: 100%;
- }
- </style>
- <body>
- <!--外层div绝对定位，左上定点居中-->
- <div class="juzhong">
- <video src="./video2.mp4" controls></video>
- </div>
- </body>
|
