1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta content="yes" name="apple-mobile-web-app-capable">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
- <title>好友查看</title>
- <link rel="stylesheet" type="text/css" href="public/public_css.css"/>
- <script type="text/javascript" src="public/public.js"></script>
- <style type="text/css">
- body{
- width: 100%;
- }
- .liveplayer {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- }
- video {
- width: 100%;
- }
- .btn-div {
- width: 100%;
- height: 100%;
- position: fixed;
- top: 0;
- bottom: 0;
- right: 0;
- left: 0;
- margin: auto;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .btn{
- width: 1rem;
- height: 1rem;
- }
- .btn img{
- width: 100%;
- height: 100%;
- }
- </style>
- </head>
-
- <body>
- <div class="liveplayer">
- <video controls poster="video/ruhechakan.jpg">
- <source src="video/82c9eda090aa5bc7b667b8aad4d948a4.mp4" type="video/mp4">
- </video>
- </div>
- </body>
- </html>
|