유튜브 2개 화면 올림.

dalnim · Sep 6, 2024 · 7226f54 · 7226f54
1 parent 810fb5b
commit 7226f54
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 17 deletions.
diff --git a/index.html b/index.html
@@ -290,25 +290,41 @@ <h2 class="display-3 fw-bold text-white mb-4 shuffle_title" data-aos="fade-up">A
         <!-- Auto-Play Shuffle in Playlist wrapper end -->
 
         <!-- Awesome wrapper start -->
-        <section class="py-5 pt-95" id="gallery">
-            <div class="container my-md-4">
+		<section class="pb-5 pt-95" id="gallery">
+			 <div class="container my-md-4">
                 <h2 class="display-3 fw-bold text-dark mb-5 text-center awesome_sc" data-aos="fade-up">Awesome Screenshots</h2>
             </div> 
-            <div class="container-fluid px-sm-0" data-aos="fade-up" data-aos-delay="300">
-                <div class="owl-carousel awesomeSlider">
-                    <div class="item">
-                        <img src="assets/images/home/screen1.webp" class="img-fluid thumnail" width="338" height="675" alt="Awesome Screenshots">
-                    </div>
-                    <div class="item">
-                        <img src="assets/images/home/screen2.webp" class="img-fluid thumnail" width="338" height="675" alt="Awesome Screenshots">
-                    </div>
-                    <div class="item">
-                        <img src="assets/images/home/screen3.webp" class="img-fluid thumnail" width="338" height="675" alt="Awesome Screenshots">
+
+            <div class="container py-md-5">
+                <div class="row g-3 align-items-center">
+                    <!-- First YouTube Video Column -->
+                    <div class="col-12 col-lg-6 text-center order-lg-2" id="youtube" data-aos="fade-left">
+                        <h3>First YouTube Video</h3>
+                        <iframe
+                            width="100%"
+                            height="315"
+                            src="https://www.youtube.com/embed/vPn_c61mW9s?autoplay=1&mute=1"
+                            title="YouTube video player"
+                            frameborder="0"
+                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                            allowfullscreen>
+                        </iframe>
                     </div>
-                    <div class="item">
-                        <img src="assets/images/home/screen4.webp" class="img-fluid thumnail" width="338" height="675" alt="Awesome Screenshots">
+
+                    <!-- Second YouTube Video Column -->
+                    <div class="col-12 col-lg-6 text-center order-lg-2" id="youtube" data-aos="fade-left">
+                        <h3>Second YouTube Video</h3>
+                        <iframe
+                            width="100%"
+                            height="315"
+                            src="https://www.youtube.com/embed/vPn_c61mW9s?mute=1"
+                            title="YouTube video player"
+                            frameborder="0"
+                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                            allowfullscreen>
+                        </iframe>
                     </div>
-                </div>  
+                </div>
             </div>
         </section>
         <!-- Awesome wrapper end -->

diff --git a/language.js b/language.js
@@ -68,7 +68,7 @@ const jsonKorean = {
   "hands__nav": "핸즈프리",
   "video__nav": "개별조작",
   "shuffle__nav": "랜덤플레이",
-  "gallery__nav": "멀티화면",
+  "gallery__nav": "샘플화면",
   "feature__nav": "특징",
   "reviews__nav": "리뷰",
 
@@ -83,7 +83,7 @@ const jsonKorean = {
   "video_control_desc": "동시에 재생/정지/음소거 가능. 개별 비디오의 음량 조절 가능",
   "shuffle_title": "재생목록",
   "shuffle_desc": "좋아하는 장르별로 재생 목록을 만드세요. 재생목록들을 선택하여 랜덤 플레이도 가능합니다.",
-  "awesome_sc": "멀티 화면",
+  "awesome_sc": "샘플화면",
   "feature_title": "특징",
   "feature_desc": "",
   "feature_title_one": "무한 반복",