Update 2.html

2.html

@@ -110,18 +110,6 @@
         line-height: 1.4;
       }
 
-      .player-container {
-        margin-top: 20px;
-        aspect-ratio: 16/9;
-      }
-
-      #moviePlayer {
-        width: 100%;
-        height: 100%;
-        border: none;
-        border-radius: 10px;
-      }
-
       .rating {
         color: #ffd700;
         margin-top: 8px;
@@ -211,10 +199,6 @@
 
       <h2 class="section-title">Trending Movies</h2>
       <div class="movie-grid" id="movieGrid"></div>
-
-      <div class="player-container">
-        <iframe id="moviePlayer" allowfullscreen></iframe>
-      </div>
     </div>
 
     <footer class="footer">
@@ -236,7 +220,6 @@
       const movieGrid = document.getElementById('movieGrid');
       const searchInput = document.getElementById('searchInput');
       const searchButton = document.getElementById('searchButton');
-      const moviePlayer = document.getElementById('moviePlayer');
 
       // Get trending movies
       async function getTrendingMovies() {
@@ -286,14 +269,14 @@
             </div>
           `;
 
-          movieCard.addEventListener('click', () => playMovie(movie.id));
+          movieCard.addEventListener('click', () => openMovieDetails(movie.id));
           movieGrid.appendChild(movieCard);
         });
       }
 
-      // Play movie using vidsrc
-      function playMovie(tmdbId) {
-        moviePlayer.src = `https://vidsrc.in/embed/movie/${tmdbId}`;
+      // Open movie details in a new tab
+      function openMovieDetails(movieId) {
+        window.open(`movie.html?id=${movieId}`, '_blank');
       }
 
       // Event listeners