Apq
/
MoeClub-Note
mirror da https://github.com/MoeClub/Note.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
							<!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="{{ escape(SubPath) }}{{ static_url("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;
    }

    @media (max-width: 1200px) {
      body{
        background: #1d1d1d;
      }

      h1 {
        padding: 0.75rem;
        color: #bdbdbd;
        font-size: 1.1252rem;
        font-weight: normal;
        box-sizing: border-box;
      }
    }
  </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="{{ escape(SubPath) }}{{ static_url("js/video.min.js") }}"></script>
<script src="{{ escape(SubPath) }}{{ static_url("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
  });
});

player.on('play', function (e) {
  document.querySelector('h1').style.display = 'none';
});
</script>
</body>
</html>