...

css/index.css

@@ -39,14 +39,15 @@
   width: 100%;
   overflow: hidden;
   position: relative;
-  padding-top: 59.25%;
+  /* padding-top: 59.25%; */
 }
 .responsive-iframe {
-  position: absolute;
+  position: fixed;
   top: 0;
-  right: 0;
-  bottom: 0;  
+  /* right: 0;
+  bottom: 0;   */
   left: 0;
-  width: 100%;
-  height: 100%;
+  width: 50%;
+  height: 50%;
+  transform: translate(50%, 50%)
 }

css/main.css

@@ -291,9 +291,10 @@
     }
     .container-mov .content .mov-info h1 {
       font-size: 35px;
+      width: 100% !important;
     }
     .container-mov .content .mov-info .info p,
-    .top_rated_mov .top-rated .mov-list .list .date,
+    .top_rated_mov .top-rated .mov-list .list .date,kk
     .top-rated p {
       font-size: 14px !important;
     }

js/script.js

@@ -119,6 +119,7 @@ async function getMovieDetails(movieContent, index) {
   const fullMovieBtn = document.getElementById("fullMovieBtn");
   fullMovieBtn.addEventListener("click", () => {
     getMovieFullDetails(id);
+
     // viewTrailer();
     // navigateToDestination(id)
   });
@@ -409,6 +410,18 @@ async function getPopular() {
       lists.forEach((list, index) => {
         list.addEventListener("click", (e) => {
           getMovieDetails(movieContent, index);
+          // fetch(
+          //   `https://api.themoviedb.org/3/movie/${id}/videos?api_key=${api_key}`
+          // )
+          //   .then((vidResponse) => vidResponse.json())
+          //   .then((vidResponse) => {
+          //     console.log(vidResponse.results[0].key);
+          //     video_key = vidResponse.results[0].key;
+          //     viewTrailer(video_key);
+          //   })
+          //   .catch((err) => {
+          //     console.log(err.message);
+          //   });
         });
       });
       // getMovieFullDetails(id)