62 lines
1.6 KiB
HTML
62 lines
1.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
|
|
<meta name="theme-color" content="#000">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
|
<title>player</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<div class="player" id="player">
|
|
<video
|
|
id="video"
|
|
autoplay
|
|
playsinline
|
|
preload="metadata"
|
|
disablepictureinpicture
|
|
controlslist="nodownload noplaybackrate"
|
|
src="https://s1ne.com/video.mp4">
|
|
<!-- replace src above -->
|
|
|
|
<!-- from url -->
|
|
<!-- src="https://example.com/video.mp4" -->
|
|
|
|
<!-- local file -->
|
|
<!-- src="movie.mov" -->
|
|
<!-- src="movie.mp4" -->
|
|
<!-- src="./movie.mp4" -->
|
|
<!-- src="./videos/movie.mp4" -->
|
|
|
|
</video>
|
|
</div>
|
|
|
|
<div class="tap-unmute best" id="tapUnmute" style="background:rgba(1,1,1,0);">Tap to Unmute</div>
|
|
|
|
<div class="video-text"> <!-- text overlay on video start --> </div>
|
|
|
|
<div class="controls" id="controls">
|
|
|
|
<!-- rotate -->
|
|
<button id="rotate" style="display:none;opacity:0">.</button>
|
|
<!-- play/pause -->
|
|
<button id="play" aria-label="play">▶</button>
|
|
<!-- seek -->
|
|
<input id="seek" type="range" min="0" max="100" value="0">
|
|
<!-- mute -->
|
|
<button id="mute" aria-label="mute">u</button>
|
|
<!-- volume -->
|
|
<input id="volume" type="range" min="0" max="1" step=".01" value="1">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script defer src="app.js"></script>
|
|
</body>
|
|
</html>
|
|
|