diff --git a/web/player.html b/web/player.html
index 7c459c4..fcbebf7 100644
--- a/web/player.html
+++ b/web/player.html
@@ -1,98 +1,101 @@
 <!DOCTYPE html>
 <html>
 
-<meta charset="UTF-8">
-<title>IPTV Player</title>
-<!-- Add HLS.js and mpegts.js dependencies -->
-<script src="https://cdn.jsdelivr.net/npm/hls.js@1.4.12/dist/hls.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/mpegts.js@1.7.3/dist/mpegts.min.js"></script>
-<style>
-    * {
-        margin: 0;
-        padding: 0;
-        box-sizing: border-box;
-    }
-
-    body {
-        background: #000;
-        width: 100%;
-        height: 100vh;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        font-family: Arial, sans-serif;
-    }
-
-    #player-container {
-        width: 100%;
-        height: 100%;
-        position: relative;
-    }
-
-    #video {
-        width: 100%;
-        height: 100%;
-        background: #000;
-    }
-
-    #error {
-        display: none;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        color: #fff;
-        text-align: center;
-    }
-
-    #error-icon {
-        font-size: 64px;
-        color: #f44336;
-        margin-bottom: 16px;
-    }
-
-    #loading {
-        display: none;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        color: #fff;
-        text-align: center;
-    }
-
-    .spinner {
-        width: 48px;
-        height: 48px;
-        border: 4px solid #fff;
-        border-top-color: transparent;
-        border-radius: 50%;
-        animation: spin 1s linear infinite;
-        margin: 0 auto 16px;
-    }
-
-    @keyframes spin {
-        to {
-            transform: rotate(360deg);
+<head>
+    <meta charset="UTF-8">
+    <title>IPTV Player</title>
+    <!-- Add HLS.js and mpegts.js dependencies -->
+    <script src="https://cdn.jsdelivr.net/npm/hls.js@1.4.12/dist/hls.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/mpegts.js@1.7.3/dist/mpegts.min.js"></script>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
         }
-    }
 
-    #debug {
-        display: none;
-        /* Hidden in production */
-        position: absolute;
-        bottom: 10px;
-        left: 10px;
-        color: #0f0;
-        font-size: 12px;
-        font-family: monospace;
-        background: rgba(0, 0, 0, 0.7);
-        padding: 8px;
-        border-radius: 4px;
-        max-width: 80%;
-        word-break: break-all;
-    }
-</style>
+        html,
+        body {
+            background: #000;
+            width: 100%;
+            height: 100%;
+            overflow: hidden;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            font-family: Arial, sans-serif;
+        }
+
+        #player-container {
+            width: 100%;
+            height: 100%;
+            position: relative;
+        }
+
+        #video {
+            width: 100%;
+            height: 100%;
+            background: #000;
+        }
+
+        #error {
+            display: none;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            color: #fff;
+            text-align: center;
+        }
+
+        #error-icon {
+            font-size: 64px;
+            color: #f44336;
+            margin-bottom: 16px;
+        }
+
+        #loading {
+            display: none;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            color: #fff;
+            text-align: center;
+        }
+
+        .spinner {
+            width: 48px;
+            height: 48px;
+            border: 4px solid #fff;
+            border-top-color: transparent;
+            border-radius: 50%;
+            animation: spin 1s linear infinite;
+            margin: 0 auto 16px;
+        }
+
+        @keyframes spin {
+            to {
+                transform: rotate(360deg);
+            }
+        }
+
+        #debug {
+            display: none;
+            /* Hidden in production */
+            position: absolute;
+            bottom: 10px;
+            left: 10px;
+            color: #0f0;
+            font-size: 12px;
+            font-family: monospace;
+            background: rgba(0, 0, 0, 0.7);
+            padding: 8px;
+            border-radius: 4px;
+            max-width: 80%;
+            word-break: break-all;
+        }
+    </style>
 </head>
 
 <body>