diff --git a/css/player-base.js b/css/player-base.js
new file mode 100644
index 0000000..651f6e4
--- /dev/null
+++ b/css/player-base.js
@@ -0,0 +1,106 @@
+document.addEventListener("DOMContentLoaded", () => {
+    const video = videojs('video', {
+        controls: true,
+        autoplay: false,
+        preload: 'auto',
+
+    });
+
+    const qua = new URLSearchParams(window.location.search).get("quality") || "";
+    localStorage.setItem(`progress-${new URLSearchParams(window.location.search).get('v')}`, 0);
+
+    if (qua !== "medium") {
+        const audio = document.getElementById('aud');
+
+        // Sync volume between audio and video
+        const syncVolume = () => {
+            audio.volume = video.volume();
+        };
+
+        const syncVolumeWithVideo = () => {
+            video.volume(audio.volume);
+        };
+
+        const checkAudioBuffer = () => {
+            const buffered = audio.buffered;
+            const bufferedEnd = buffered.length > 0 ? buffered.end(buffered.length - 1) : 0;
+            return audio.currentTime <= bufferedEnd;
+        };
+
+        const isVideoBuffered = () => {
+            // Check if video has enough buffered data
+            const buffered = video.buffered();
+            return buffered.length > 0 && buffered.end(buffered.length - 1) >= video.currentTime();
+        };
+
+        const handleSeek = () => {
+            // Pause video and audio when seeking
+            video.pause();
+            audio.pause();
+
+            // Sync audio with video during seeking
+            if (Math.abs(video.currentTime() - audio.currentTime) > 0.3) {
+                audio.currentTime = video.currentTime();
+            }
+
+            // Wait for audio to be buffered sufficiently
+            if (!checkAudioBuffer()) {
+                audio.addEventListener('canplay', () => {
+                    if (video.paused && isVideoBuffered()) {
+                        video.play();
+                        audio.play();
+                    }
+                }, {
+                    once: true
+                });
+            }
+        };
+
+        video.on('play', () => {
+            if (Math.abs(video.currentTime() - audio.currentTime) > 0.3) {
+                audio.currentTime = video.currentTime();
+            }
+
+            if (isVideoBuffered()) {
+                audio.play();
+            } else {
+                video.pause();
+            }
+        });
+
+        video.on('pause', () => {
+            audio.pause();
+        });
+
+
+
+        video.on('seeking', handleSeek);
+
+        video.on('seeked', () => {
+            if (isVideoBuffered()) {
+                video.play();
+            }
+            audio.play(); // Ensure audio is playing after seek
+        });
+
+        video.on('volumechange', syncVolume);
+        audio.addEventListener('volumechange', syncVolumeWithVideo);
+
+        // Listen for media control events
+        document.addEventListener('play', () => {
+            video.play();
+            audio.play();
+        });
+
+        document.addEventListener('pause', () => {
+            video.pause();
+            audio.pause();
+        });
+        document.addEventListener('fullscreenchange', () => {
+            if (!document.fullscreenElement) {
+                video.pause();
+                audio.pause();
+            }
+        });
+    }
+});
\ No newline at end of file