refactor: Replace video.js library with a native HTML5 video element for screen sharing playback.

2026-02-23 03:07:58 +01:00
parent 2a6be8d757
commit 610ad6d661
3 changed files with 13 additions and 99 deletions
--- a/public/viewer.html
+++ b/public/viewer.html
@@ -6,7 +6,6 @@
    <title>Screenshare - Viewer</title>
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
-    <link href="https://vjs.zencdn.net/8.10.0/video-js.css" rel="stylesheet" />
 </head>
 <body>
    <div class="viewer-container">
@@ -17,23 +16,8 @@
                <span>Connecting to Broadcaster</span>
            </div>
        </div>
-        <div class="video-wrapper" id="videoWrapper">
-            <video
-                id="remoteVideo"
-                class="video-js vjs-theme-city vjs-big-play-centered"
-                controls
-                preload="auto"
-                playsinline
-            >
-                <p class="vjs-no-js">
-                    To view this video please enable JavaScript, and consider upgrading to a
-                    web browser that
-                    <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
-                </p>
-            </video>
-        </div>
+        <video id="remoteVideo" autoplay playsinline controls></video>
    </div>
-    <script src="https://vjs.zencdn.net/8.10.0/video.min.js"></script>
    <script src="/socket.io/socket.io.js"></script>
    <script src="viewer.js"></script>
 </body>