diff --git a/28 - Video Speed Controller/changi.html b/28 - Video Speed Controller/changi.html
new file mode 100644
index 0000000..d9f8473
--- /dev/null
+++ b/28 - Video Speed Controller/changi.html	
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Video Speed Scrubber</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <div class="wrapper">
+      <video
+        class="flex"
+        width="765"
+        height="430"
+        src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4"
+        loop
+        controls
+      ></video>
+      <div class="speed">
+        <div class="speed-bar">1×</div>
+      </div>
+    </div>
+
+    <script>
+      const speed = document.querySelector(".speed");
+      const bar = document.querySelector(".speed-bar");
+      const video = document.querySelector(".flex");
+
+      function handleMove(evt) {
+        const y = evt.pageY - this.offsetTop;
+        const percent = y / this.offsetHeight;
+        const min = 0.4;
+        const max = 4;
+        const height = Math.round(percent * 100) + "%";
+        const playbackRate = percent * (max - min) + min;
+
+        bar.style.height = height;
+        bar.textContent = playbackRate.toFixed(2) + "X";
+
+        video.playbackRate = playbackRate;
+      }
+
+      speed.addEventListener("mousemove", handleMove);
+    </script>
+  </body>
+</html>
