Add 2 files

index.html

@@ -116,7 +116,7 @@
                                     <span>2024</span>
                                     <span>2h46m</span>
                                 </div>
-                                <button class="mt-4 px-6 py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayer('Dune: Partie 2', 'https://www.youtube.com/embed/WarMeLeeswQ')">
+                                <button class="mt-4 px-6 py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayerFullscreen('Dune: Partie 2', 'https://www.youtube.com/embed/WarMeLeeswQ')">
                                     <i class="fas fa-play mr-2"></i> Regarder
                                 </button>
                             </div>
@@ -182,7 +182,7 @@
                                         <span>3h00m</span>
                                     </div>
                                     <p class="text-sm text-gray-300 line-clamp-2">L'histoire du physicien J. Robert Oppenheimer et son rôle dans le développement de la bombe atomique.</p>
-                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayer('Oppenheimer', 'https://www.youtube.com/embed/uYPbbksJxIg')">
+                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayerFullscreen('Oppenheimer', 'https://www.youtube.com/embed/uYPbbksJxIg')">
                                         <i class="fas fa-play mr-2"></i> Regarder
                                     </button>
                                 </div>
@@ -202,7 +202,7 @@
                                         <span>2h46m</span>
                                     </div>
                                     <p class="text-sm text-gray-300 line-clamp-2">Paul Atreides s'unit avec les Fremen pour se venger des conspirateurs qui ont détruit sa famille.</p>
-                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayer('Dune: Partie 2', 'https://www.youtube.com/embed/WarMeLeeswQ')">
+                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayerFullscreen('Dune: Partie 2', 'https://www.youtube.com/embed/WarMeLeeswQ')">
                                         <i class="fas fa-play mr-2"></i> Regarder
                                     </button>
                                 </div>
@@ -222,7 +222,7 @@
                                         <span>2h56m</span>
                                     </div>
                                     <p class="text-sm text-gray-300 line-clamp-2">Batman enquête sur la corruption à Gotham et affronte le Riddler, un tueur en série ciblant l'élite.</p>
-                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayer('The Batman', 'https://www.youtube.com/embed/mqqft2x_Aa4')">
+                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayerFullscreen('The Batman', 'https://www.youtube.com/embed/mqqft2x_Aa4')">
                                         <i class="fas fa-play mr-2"></i> Regarder
                                     </button>
                                 </div>
@@ -242,7 +242,7 @@
                                         <span>3h12m</span>
                                     </div>
                                     <p class="text-sm text-gray-300 line-clamp-2">Jake Sully et Ney'tiri forment une famille et font tout pour rester ensemble face à une nouvelle menace.</p>
-                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayer('Avatar 2', 'https://www.youtube.com/embed/d9MyW72ELq0')">
+                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayerFullscreen('Avatar 2', 'https://www.youtube.com/embed/d9MyW72ELq0')">
                                         <i class="fas fa-play mr-2"></i> Regarder
                                     </button>
                                 </div>
@@ -262,7 +262,7 @@
                                         <span>2h11m</span>
                                     </div>
                                     <p class="text-sm text-gray-300 line-clamp-2">Maverick affronte son passé tout en formant un groupe de jeunes pilotes pour une mission périlleuse.</p>
-                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayer('Top Gun: Maverick', 'https://www.youtube.com/embed/giXco2jaZ_4')">
+                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayerFullscreen('Top Gun: Maverick', 'https://www.youtube.com/embed/giXco2jaZ_4')">
                                         <i class="fas fa-play mr-2"></i> Regarder
                                     </button>
                                 </div>
@@ -282,7 +282,7 @@
                                         <span>2h49m</span>
                                     </div>
                                     <p class="text-sm text-gray-300 line-clamp-2">Une équipe d'explorateurs voyage à travers un trou de ver dans l'espace pour sauver l'humanité.</p>
-                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayer('Interstellar', 'https://www.youtube.com/embed/zSWdZVtXT7E')">
+                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayerFullscreen('Interstellar', 'https://www.youtube.com/embed/zSWdZVtXT7E')">
                                         <i class="fas fa-play mr-2"></i> Regarder
                                     </button>
                                 </div>
@@ -302,7 +302,7 @@
                                         <span>2h32m</span>
                                     </div>
                                     <p class="text-sm text-gray-300 line-clamp-2">Batman, Gordon et Harvey Dent s'unissent contre le chaos orchestré par le Joker à Gotham.</p>
-                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayer('The Dark Knight', 'https://www.youtube.com/embed/EXeTwQWrcwY')">
+                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayerFullscreen('The Dark Knight', 'https://www.youtube.com/embed/EXeTwQWrcwY')">
                                         <i class="fas fa-play mr-2"></i> Regarder
                                     </button>
                                 </div>
@@ -322,7 +322,7 @@
                                         <span>3h01m</span>
                                     </div>
                                     <p class="text-sm text-gray-300 line-clamp-2">Les Avengers tentent de restaurer l'univers après les événements dévastateurs de Infinity War.</p>
-                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayer('Avengers: Endgame', 'https://www.youtube.com/embed/TcMBFSGVi1c')">
+                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayerFullscreen('Avengers: Endgame', 'https://www.youtube.com/embed/TcMBFSGVi1c')">
                                         <i class="fas fa-play mr-2"></i> Regarder
                                     </button>
                                 </div>
@@ -365,7 +365,7 @@
                                         <span>2h28m</span>
                                     </div>
                                     <p class="text-sm text-gray-300 line-clamp-2">L'histoire de la jeune Furiosa avant sa rencontre avec Max dans Fury Road.</p>
-                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayer('Furiosa', 'https://www.youtube.com/embed/XJMuhwVlca4')">
+                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayerFullscreen('Furiosa', 'https://www.youtube.com/embed/XJMuhwVlca4')">
                                         <i class="fas fa-play mr-2"></i> Regarder
                                     </button>
                                 </div>
@@ -385,7 +385,7 @@
                                         <span>2h07m</span>
                                     </div>
                                     <p class="text-sm text-gray-300 line-clamp-2">Deadpool rejoint les Marvel Studios avec Wolverine dans un voyage qui changera l'histoire du MCU.</p>
-                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayer('Deadpool & Wolverine', 'https://www.youtube.com/embed/avb5TqS4KdA')">
+                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayerFullscreen('Deadpool & Wolverine', 'https://www.youtube.com/embed/avb5TqS4KdA')">
                                         <i class="fas fa-play mr-2"></i> Regarder
                                     </button>
                                 </div>
@@ -405,7 +405,7 @@
                                         <span>2h25m</span>
                                     </div>
                                     <p class="text-sm text-gray-300 line-clamp-2">Des générations après le règne de César, un jeune singe entreprend un voyage qui le mènera à remettre en question tout ce qu'il sait sur le passé.</p>
-                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayer('Le Planète des Singes : Le Nouveau Royaume', 'https://www.youtube.com/embed/3FGHB2qT0Xk')">
+                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayerFullscreen('Le Planète des Singes : Le Nouveau Royaume', 'https://www.youtube.com/embed/3FGHB2qT0Xk')">
                                         <i class="fas fa-play mr-2"></i> Regarder
                                     </button>
                                 </div>
@@ -425,7 +425,7 @@
                                         <span>1h55m</span>
                                     </div>
                                     <p class="text-sm text-gray-300 line-clamp-2">Godzilla et Kong s'unissent contre une menace colossale enfouie dans notre monde, mettant en péril leur existence et la nôtre.</p>
-                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayer('Godzilla x Kong: The New Empire', 'https://www.youtube.com/embed/lV1OOlGwExM')">
+                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayerFullscreen('Godzilla x Kong: The New Empire', 'https://www.youtube.com/embed/lV1OOlGwExM')">
                                         <i class="fas fa-play mr-2"></i> Regarder
                                     </button>
                                 </div>
@@ -445,7 +445,7 @@
                                         <span>2h06m</span>
                                     </div>
                                     <p class="text-sm text-gray-300 line-clamp-2">Un cascadeur retourne au travail pour retrouver une star disparue, résoudre un complot et reconquérir son ex.</p>
-                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayer('The Fall Guy', 'https://www.youtube.com/embed/5z2FTTBlDLU')">
+                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayerFullscreen('The Fall Guy', 'https://www.youtube.com/embed/5z2FTTBlDLU')">
                                         <i class="fas fa-play mr-2"></i> Regarder
                                     </button>
                                 </div>
@@ -465,7 +465,7 @@
                                         <span>1h49m</span>
                                     </div>
                                     <p class="text-sm text-gray-300 line-clamp-2">Un groupe de journalistes voyage à travers une Amérique déchirée par la guerre alors que le gouvernement attaque ses propres citoyens.</p>
-                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayer('Civil War', 'https://www.youtube.com/embed/aDyQxtg0V2w')">
+                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayerFullscreen('Civil War', 'https://www.youtube.com/embed/aDyQxtg0V2w')">
                                         <i class="fas fa-play mr-2"></i> Regarder
                                     </button>
                                 </div>
@@ -485,7 +485,7 @@
                                         <span>2h11m</span>
                                     </div>
                                     <p class="text-sm text-gray-300 line-clamp-2">Tashi, ancienne prodige du tennis, entraîne son mari pour affronter son ex-petit ami dans un tournoi.</p>
-                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayer('Challengers', 'https://www.youtube.com/embed/bYq2zZUnX8A')">
+                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayerFullscreen('Challengers', 'https://www.youtube.com/embed/bYq2zZUnX8A')">
                                         <i class="fas fa-play mr-2"></i> Regarder
                                     </button>
                                 </div>
@@ -505,7 +505,7 @@
                                         <span>1h59m</span>
                                     </div>
                                     <p class="text-sm text-gray-300 line-clamp-2">Une jeune femme envoyée à Rome découvre une conspiration terrifiante qui la pousse à affronter ses croyances.</p>
-                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayer('The First Omen', 'https://www.youtube.com/embed/6FgUUO9Ztd0')">
+                                    <button class="mt-4 w-full py-2 bg-red-600 rounded-lg font-medium hover:bg-red-700 transition" onclick="openMoviePlayerFullscreen('The First Omen', 'https://www.youtube.com/embed/6FgUUO9Ztd0')">
                                         <i class="fas fa-play mr-2"></i> Regarder
                                     </button>
                                 </div>
@@ -831,10 +831,11 @@
             filmCounter.innerText = newCount.toLocaleString();
         }, 5000);
 
-        // Fonction pour ouvrir un lecteur de film dans une nouvelle fenêtre
-        function openMoviePlayer(title, videoUrl) {
-            const width = 1000;
-            const height = 600;
+        // Fonction pour ouvrir un lecteur de film en plein écran
+        function openMoviePlayerFullscreen(title, videoUrl) {
+            // Créer une nouvelle fenêtre centrée
+            const width = window.screen.width * 0.9;
+            const height = window.screen.height * 0.9;
             const left = (screen.width - width) / 2;
             const top = (screen.height - height) / 2;
             
@@ -857,13 +858,15 @@
                             background-color: #000;
                             color: #fff;
                             font-family: Arial, sans-serif;
+                            margin: 0;
+                            padding: 0;
+                            height: 100vh;
                             overflow: hidden;
                         }
                         .player-container {
                             position: relative;
-                            padding-bottom: 56.25%;
-                            height: 0;
-                            overflow: hidden;
+                            width: 100%;
+                            height: 100vh;
                         }
                         .player-container iframe {
                             position: absolute;
@@ -871,42 +874,86 @@
                             left: 0;
                             width: 100%;
                             height: 100%;
+                            border: none;
                         }
                         .controls {
-                            background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, transparent 100%);
+                            position: absolute;
+                            bottom: 0;
+                            left: 0;
+                            right: 0;
+                            background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 100%);
+                            padding: 20px;
+                            display: flex;
+                            justify-content: center;
+                            z-index: 10;
+                        }
+                        .control-btn {
+                            background-color: rgba(30, 30, 30, 0.7);
+                            color: white;
+                            border: none;
+                            border-radius: 50%;
+                            width: 50px;
+                            height: 50px;
+                            margin: 0 10px;
+                            cursor: pointer;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                            font-size: 20px;
+                        }
+                        .control-btn:hover {
+                            background-color: rgba(255, 0, 0, 0.7);
+                        }
+                        .header {
+                            position: absolute;
+                            top: 0;
+                            left: 0;
+                            right: 0;
+                            background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, transparent 100%);
+                            padding: 15px;
+                            display: flex;
+                            justify-content: space-between;
+                            align-items: center;
+                            z-index: 10;
+                        }
+                        .close-btn {
+                            background-color: rgba(255, 0, 0, 0.7);
+                            color: white;
+                            border: none;
+                            border-radius: 5px;
+                            padding: 8px 15px;
+                            cursor: pointer;
+                            font-weight: bold;
+                        }
+                        .close-btn:hover {
+                            background-color: rgba(255, 0, 0, 0.9);
                         }
                     </style>
                 </head>
-                <body class="bg-black text-white h-screen flex flex-col">
-                    <div class="flex justify-between items-center p-4 bg-gray-900">
+                <body>
+                    <div class="header">
                         <h1 class="text-xl font-bold">${title}</h1>
-                        <button onclick="window.close()" class="bg-red-600 px-4 py-1 rounded hover:bg-red-700 transition">
+                        <button class="close-btn" onclick="window.close()">
                             <i class="fas fa-times mr-1"></i> Fermer
                         </button>
                     </div>
                     
-                    <div class="flex-1 relative">
-                        <div class="player-container">
-                            <iframe src="${videoUrl}?autoplay=1&controls=1&modestbranding=1&rel=0" frameborder="0" allowfullscreen allow="autoplay; fullscreen"></iframe>
-                        </div>
+                    <div class="player-container">
+                        <iframe src="${videoUrl}?autoplay=1&controls=0&modestbranding=1&rel=0&showinfo=0" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
                         
-                        <div class="absolute bottom-0 left-0 right-0 p-4 controls">
-                            <div class="flex items-center space-x-4">
-                                <button onclick="window.location.reload()" class="bg-gray-800 hover:bg-gray-700 p-2 rounded-full">
-                                    <i class="fas fa-redo"></i>
-                                </button>
-                                <button onclick="toggleFullscreen()" class="bg-gray-800 hover:bg-gray-700 p-2 rounded-full">
-                                    <i class="fas fa-expand"></i>
-                                </button>
-                            </div>
+                        <div class="controls">
+                            <button class="control-btn" onclick="document.querySelector('iframe').contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*')">
+                                <i class="fas fa-play"></i>
+                            </button>
+                            <button class="control-btn" onclick="document.querySelector('iframe').contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*')">
+                                <i class="fas fa-pause"></i>
+                            </button>
+                            <button class="control-btn" onclick="toggleFullscreen()">
+                                <i class="fas fa-expand"></i>
+                            </button>
                         </div>
                     </div>
                     
-                    <div class="p-4 bg-gray-900">
-                        <h2 class="text-lg font-bold mb-2">${title}</h2>
-                        <p class="text-gray-300">Regardez en plein écran pour une meilleure expérience.</p>
-                    </div>
-                    
                     <script>
                         function toggleFullscreen() {
                             if (!document.fullscreenElement) {
@@ -919,6 +966,14 @@
                                 }
                             }
                         }
+                        
+                        // Détection de la fin de la vidéo
+                        window.addEventListener('message', function(event) {
+                            if (event.data === 'ended') {
+                                // Vous pouvez ajouter ici une logique pour passer à la vidéo suivante
+                                console.log('La vidéo est terminée');
+                            }
+                        });
                     </script>
                 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=docto41/code-master" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
                 </html>

prompts.txt

@@ -5,4 +5,5 @@ aucun bouton fonctionne
 Référencement Global Instantané Indexation immédiate sur tous les navigateurs mondiaux
 creer le plus gigantesque plateforme de plus de 6524111  de site de film streaning , de film complet et en francais le tout en automatic par une armées de 142521 inteligences artificiel sur syteme robotise gére tout en automatique
 afficher toutes les images des film et faire fonctionner les film complet a regarder complet , toutes les bouton ne fonctionne pas , ouvrer les films en automatic dans une nouvel fenetre
-les bouton des film ne se pas cliquable ouvrer les film dans une nouvel page pour regarder le film complet en entier
+les bouton des film ne se pas cliquable ouvrer les film dans une nouvel page pour regarder le film complet en entier
+les boutons des film ne sont pas cliquable ouvrer les film dans une nouvel fenetre poour regarger les film complet et en entier