| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- <!DOCTYPE html>
- <html lang="zh">
- <head>
- <meta charset="UTF-8">
- <title>{{ escape(PageTitle) }}</title>
- <meta name="referrer" content="no-referrer">
- <link rel="stylesheet" type="text/css" href="static/css/video-js.min.css">
- <style type="text/css">
- * {
- margin: 0;
- padding: 0;
- }
- html, body {
- height: 100%;
- overflow: hidden;
- }
- body {
- text-align: center;
- background: black;
- }
- h1 {
- padding: 30px;
- color: #bdbdbd;
- font-size: 45px;
- font-weight: normal;
- box-sizing: border-box;
- }
- video:focus {
- outline: none;
- }
- .wrapper {
- width: 100%;
- margin: auto;
- height: 100%;
- text-align: center;
- }
- .video-js {
- width: 100% !important;
- height: 100% !important;
- position: relative !important;
- }
- .vjs-big-play-button {
- margin-top: -130px !important;
- }
- </style>
- </head>
- <body>
- <h1>{{ escape(PageTitle) }}</h1>
- <div class="wrapper">
- <video id=player width=960 height=540 class="video-js vjs-default-skin vjs-big-play-centered" controls>
- <source src="data:application/vnd.apple.mpegurl;base64,{{ escape(PageData) }}" type="application/x-mpegURL">
- </video>
- </div>
- <script src="static/js/video.min.js"></script>
- <script src="static/js/videojs.hotkeys.min.js"></script>
- <script>
- var player = videojs('player');
- videojs.Hls.xhr.beforeRequest = function(options) {
- if (options.headers) {
- delete options.headers.Range
- }
- return options;
- }
- player.ready(function () {
- this.hotkeys({
- seekStep: 5,
- volumeStep: 0.1,
- enableModifiersForNumbers: false
- });
- });
- </script>
- </body>
- </html>
|