Update index.html

index.html

@@ -1643,32 +1643,49 @@
     </footer>
     
     <script>
-        // Sample video data - replace with actual video files
+        // 실제 MP4 파일명을 여기에 입력하세요
         const videoData = [
-            'video1.mp4',
-            'video2.mp4',
-            'video3.mp4',
-            'video4.mp4',
-            'video5.mp4',
-            'video6.mp4'
+            // 예시: 'AI_Demo_2025.mp4',
+            // 예시: 'K-AI_Summit_Presentation.mp4',
+            // 실제 파일명을 여기에 추가하세요
         ];
         
         // Function to create video cards
         function createVideoCards() {
             const videoContainer = document.getElementById('video-container');
             
+            // 비디오 데이터가 비어있으면 안내 메시지 표시
+            if (videoData.length === 0) {
+                videoContainer.innerHTML = `
+                    <div style="grid-column: 1/-1; text-align: center; padding: 40px; background: rgba(255,255,255,0.1); border-radius: 15px;">
+                        <p style="color: white; font-size: 18px;">
+                            영상을 표시하려면 JavaScript의 videoData 배열에 실제 MP4 파일명을 추가하세요.<br>
+                            예: const videoData = ['your_video.mp4', 'another_video.mp4'];
+                        </p>
+                    </div>
+                `;
+                return;
+            }
+            
             videoData.forEach((videoFile, index) => {
                 const videoCard = document.createElement('div');
                 videoCard.className = 'video-card';
                 
-                const videoName = videoFile.replace('.mp4', '').replace(/_/g, ' ').replace(/\b\w/g, l => l.toUpperCase());
+                // 파일명에서 제목 생성 (확장자 제거, 언더스코어를 공백으로, 첫 글자 대문자)
+                const videoName = videoFile
+                    .replace('.mp4', '')
+                    .replace(/_/g, ' ')
+                    .replace(/-/g, ' ')
+                    .split(' ')
+                    .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+                    .join(' ');
                 
                 videoCard.innerHTML = `
                     <div class="video-link">
                         <div class="video-thumbnail">
-                            <video id="video-${index}" muted loop>
+                            <video id="video-${index}" muted loop preload="metadata">
                                 <source src="${videoFile}" type="video/mp4">
-                                Your browser does not support the video tag.
+                                브라우저가 비디오 재생을 지원하지 않습니다.
                             </video>
                             <div class="play-overlay" onclick="playVideo(${index})">
                                 <div class="play-icon"></div>
@@ -1687,7 +1704,7 @@
                             </div>
                             <div class="video-info">
                                 <span>📹</span>
-                                <span>MP4 Video</span>
+                                <span>${videoFile}</span>
                             </div>
                         </div>
                     </div>