메인 비디오는 유튜브를 안씀.

assets/css/style.css

@@ -671,6 +671,12 @@ footer .copyright__wrapp {
 
 } 
 
+.video {
+    width: 100%;
+    height: auto; /* 비디오가 컨테이너에 맞게 조정됨 */
+    object-fit: cover; /* 비디오가 컨테이너를 채우도록 설정 */
+}
+
 .video-container {
     position: relative;
     padding-bottom: 56.25%; /* 16:9 aspect ratio */
@@ -704,3 +710,4 @@ footer .copyright__wrapp {
     height: 100%;
 }
 
+

index.html

@@ -126,16 +126,10 @@
 					<h1 class="text-white fw-bold display-3 hero_title" data-aos="fade-up" data-aos-delay="0">Focused on Videos</h1>
 					<p class="text-white text-center fs-4 hero_desc" data-aos="fade-up" data-aos-delay="200">Watch multiple videos simultaneously.</p>
 					<div class="col-xxl-9 col-lg-8 col-md-8 mx-auto"> 
-						<div class="video-container">
-							<iframe
-								src="https://www.youtube.com/embed/IPAV7AS4qzw?playlist=IPAV7AS4qzw&loop=1&autoplay=1&mute=1"
-								title="AraMultiPlayer Main"
-								frameborder="0"
-								allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-								referrerpolicy="strict-origin-when-cross-origin"
-								allowfullscreen>
-							</iframe>
-						</div>
+               <video class="video" autoplay muted playsinline loop>
+                    <source src="assets/images/home/Screen_Record.mp4" type="video/mp4">
+                    Your browser does not support the video tag.
+                </video>
 						<br><br>
 						<!-- App download buttons -->
 						<div class="pb-5">