.trailer-container iframe position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;
if (empty($slug)) die("No movie specified.");
<div class="container"> <div class="movie-hero"> <div class="poster"> <img src="<?php echo htmlspecialchars($movie['poster_url']); ?>" alt="<?php echo htmlspecialchars($movie['title']); ?> poster"> </div> <div class="info"> <div class="filmhit-badge">🔥 FILMHIT BLOCKBUSTER</div> <h1><?php echo htmlspecialchars($movie['title']); ?></h1> <div class="tagline">"<?php echo htmlspecialchars($movie['tagline']); ?>"</div> <div class="meta"> <span><?php echo $movie['release_year']; ?></span> <span>⏱️ <?php echo $movie['duration']; ?> min</span> <div class="rating">⭐ <span><?php echo number_format($movie['rating'], 1); ?></span> / 10</div> </div> <div class="synopsis"> <strong>Synopsis</strong><br> <?php echo nl2br(htmlspecialchars($movie['synopsis'])); ?> </div> <div class="director"><strong>Director:</strong> <?php echo htmlspecialchars($movie['director']); ?></div> <div class="cast"> <strong>Starring:</strong> <div class="cast-list"> <?php foreach($castArray as $actor): ?> <span><?php echo htmlspecialchars(trim($actor)); ?></span> <?php endforeach; ?> </div> </div> <a href="#" class="book-btn" onclick="alert('Booking system coming soon! 🍿'); return false;">🎟️ BOOK TICKETS NOW</a> </div> </div> filmhit movie movie.php
.filmhit-badge background: gold; color: #000; display: inline-block; padding: 5px 12px; border-radius: 20px; font-weight: bold; font-size: 0.8rem; margin-bottom: 15px; text-transform: uppercase;
.rating span color: #ffc107; font-weight: bold; .trailer-container iframe position: absolute
<?php if(!empty($movie['trailer_url'])): ?> <div class="trailer-section"> <h2>Official Trailer</h2> <div class="trailer-container"> <iframe src="https://www.youtube.com/embed/<?php echo htmlspecialchars($movie['trailer_url']); ?>" title="<?php echo htmlspecialchars($movie['title']); ?> trailer" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> </iframe> </div> </div> <?php endif; ?>
.book-btn:hover background: #ff0a1a; transform: scale(1.05); if (empty($slug)) die("No movie specified.")
// Helper: Convert cast string to array $castArray = explode(',', $movie['cast']); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title><?php echo htmlspecialchars($movie['title']); ?> | FilmHit Blockbuster</title> <meta name="description" content="<?php echo htmlspecialchars($movie['tagline']); ?> - <?php echo htmlspecialchars(substr($movie['synopsis'], 0, 150)); ?>"> <style> * margin: 0; padding: 0; box-sizing: border-box;