Chỉnh sửa topmovie

index.html

@@ -229,6 +229,15 @@ <h1 class="top-movie-title">Top Phim Đang Chiếu</h1>
             },
           });
         });
+        $(document).ready(function () {
+          $("[data-fancybox]").fancybox({
+            type: 'iframe',
+            iframe: {
+              preload: false
+            },
+            buttons: ["close"]
+          });
+        });
       </script>
       <div id="owl-carousel3" class="owl-carousel owl-theme mt-4 pb-4">
         <div class="item" data-aos="flip-left"
@@ -242,7 +251,7 @@ <h3>Furiosa Câu Truyện Max Điên</h3>
                 <p>
                   Câu chuyện bắt đầu từ lúc Thế giới sụp đổ, Furiosa phải tự cứu lấy mình để trở về nhà. Một cuộc phiêu lưu hành động độc lập khốc liệt, tiền truyện về quái nữ đồng hành với Max Rockatansky ra rạp 2024.
                 </p>
-                <a href="">Đặt Vé Ngay</a>
+                <a data-fancybox data-type="iframe" data-src="https://www.youtube.com/embed/nVVungjjsfY" href="javascript:;" class="fancybox">Xem trailer</a>
               </div>
             </div>
           </h4>
@@ -257,7 +266,7 @@ <h3>Hành Tinh Khỉ Vương Quốc Mới</h3>
               <p>
                 Lấy bối cảnh nhiều đời sau sự ra đi của Vua Khỉ Caesar, một chú vượn trẻ bắt đầu cuộc hành trình khiến cậu đặt câu hỏi về tất cả những gì cậu đã được dạy về quá khứ và đưa ra những lựa chọn sẽ xác định tương lai cho loài khỉ cũng như con người.
               </p>
-              <a href="">Đặt Vé Ngay</a>
+              <a data-fancybox data-type="iframe" data-src="https://www.youtube.com/embed/Z0EL1PDgPS0" href="javascript:;" class="fancybox">Xem trailer</a>
             </div>
           </div>
         </div>
@@ -271,7 +280,7 @@ <h3>Nobita Và Bản Giao Hưởng Địa Cầu</h3>
               <p>
                 Đôrêmon và những người bạn thực hiện chuyến phiêu lưu để gặp gỡ những người bạn mới, kết nối mọi người bằng âm nhạc và cứu thế giới khỏi khủng hoảng. Liệu những người bạn nhỏ có thể cứu được "tương lai âm nhạc" và cả địa cầu này?
               </p>
-              <a href="">Đặt Vé Ngay</a>
+              <a data-fancybox data-type="iframe" data-src="https://www.youtube.com/embed/Yug8gbDd5EQ" href="javascript:;" class="fancybox">Xem trailer</a>
             </div>
           </div>
         </div>
@@ -285,7 +294,7 @@ <h3>Lật Mặt 7 Một Điều Ước</h3>
               <p>
                 Một câu chuyện lần đầu được kể bằng tất cả tình yêu, và từ tất cả những hồi ức xao xuyến nhất của đấng sinh thành.
               </p>
-              <a href="">Đặt Vé Ngay</a>
+              <a data-fancybox data-type="iframe" data-src="https://www.youtube.com/embed/d1ZHdosjNX8" href="javascript:;" class="fancybox">Xem trailer</a>
             </div>
           </div>
         </div>

style.css

@@ -436,9 +436,6 @@ body {
 }
 
 /* Map */
-.map {
-
-}
 .map iframe {
   width: 100%;
   height: 500px;