add html

2026-05-31 00:33:36 +00:00
parent 4fcab038c8
commit 2161244d5a
1 changed files with 60 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,60 @@
+<!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>