code-crush/video.php at master · suchit-sheth/code-crush · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>HTML Video Player</title>
  <link rel="stylesheet" href="video/style.css">
</head>
<body>

<div class="body">
   <div class="player">
     <video class="player__video viewer" src="C:\Users\Suchit Sheth\Desktop\hello.mp4">
        <source src="C:/Users/Suchit Sheth/Desktop/hello.mp4" type="video/mp4">
          your browser dose not support vedio tag
     </video>  <!-- dynamic path -->
     <div class="player__controls">
       <div class="progress">
        <div class="progress__filled"></div>
       </div>
       <button class="player__button toggle" title="Toggle Play">►</button>
       <input type="range" name="volume" class="player__slider" min="0" max="1" step="0.05" value="1">
       <input type="range" name="playbackRate" class="player__slider" min="0.5" max="2" step="0.1" value="1">
       <button data-skip="-10" class="player__button">« 10s</button>
       <button data-skip="25" class="player__button">25s »</button>
     </div>
   </div>
</div>
<?php include "footer.php"; ?>
  <script src="video/script.js"></script>
</body>
</html>