Update index.html

index.html

@@ -57,7 +57,7 @@
 
         .thumbnail {
             position: relative;
-            padding-top: 56.25%; /* 16:9 비율 */
+            padding-top: 56.25%;
             cursor: pointer;
             overflow: hidden;
             background-color: #000;
@@ -97,29 +97,25 @@
     </div>
 
     <script>
-        async function getVideoFiles() {
-            try {
-                const response = await fetch('.');
-                const text = await response.text();
-                const parser = new DOMParser();
-                const doc = parser.parseFromString(text, 'text/html');
-                const links = Array.from(doc.querySelectorAll('a'));
-                return links
-                    .map(link => link.href)
-                    .filter(href => href.endsWith('.mp4'))
-                    .sort();
-            } catch (error) {
-                console.error('Error loading video files:', error);
-                return [];
-            }
-        }
-
-        async function initializeGallery() {
+        // 비디오 파일 목록을 직접 배열로 지정
+        const videoFiles = [
+            '1.mp4',
+            '2.mp4',
+            '3.mp4',
+            '4.mp4',
+            '5.mp4',
+            '6.mp4',
+            '7.mp4',
+            '8.mp4',
+            '9.mp4',
+            '10.mp4',
+            // 필요한 만큼 비디오 파일명을 추가하세요
+        ];
+
+        function initializeGallery() {
             const gallery = document.getElementById('video-gallery');
             const selectedThumb = document.getElementById('selected-thumb');
             const selectedVideo = document.getElementById('selected-video');
-            
-            const videoFiles = await getVideoFiles();
 
             videoFiles.forEach((videoPath) => {
                 const thumbnail = document.createElement('div');