|
|
<!DOCTYPE html> |
|
|
<html lang="fr"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Films Français Gratuits - Streaming Automatique</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
.channel-card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); |
|
|
} |
|
|
.channel-card { |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
.loading-spinner { |
|
|
border-top-color: transparent; |
|
|
animation: spin 1s linear infinite; |
|
|
} |
|
|
@keyframes spin { |
|
|
0% { transform: rotate(0deg); } |
|
|
100% { transform: rotate(360deg); } |
|
|
} |
|
|
.player-container { |
|
|
aspect-ratio: 16/9; |
|
|
} |
|
|
.french-flag { |
|
|
position: absolute; |
|
|
top: 8px; |
|
|
right: 8px; |
|
|
background-color: rgba(0, 0, 0, 0.7); |
|
|
color: white; |
|
|
padding: 2px 6px; |
|
|
border-radius: 4px; |
|
|
font-size: 10px; |
|
|
font-weight: bold; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="bg-gray-900 text-gray-100 min-h-screen"> |
|
|
|
|
|
<header class="bg-gray-800 shadow-lg sticky top-0 z-50"> |
|
|
<div class="container mx-auto px-4 py-4 flex justify-between items-center"> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-film text-blue-400 text-3xl mr-3"></i> |
|
|
<h1 class="text-2xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">Films Français Gratuits</h1> |
|
|
</div> |
|
|
|
|
|
<div class="hidden md:flex space-x-4"> |
|
|
<a href="#films" class="px-3 py-1 bg-gray-700 hover:bg-gray-600 rounded-full">Films VF</a> |
|
|
<a href="#series" class="px-3 py-1 bg-gray-700 hover:bg-gray-600 rounded-full">Séries VF</a> |
|
|
<a href="#plateformes" class="px-3 py-1 bg-gray-700 hover:bg-gray-600 rounded-full">Plateformes</a> |
|
|
</div> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
|
|
|
<main class="container mx-auto px-4 py-8"> |
|
|
|
|
|
<section class="mb-12 text-center"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-4">Films Français en Streaming Automatique</h2> |
|
|
<p class="text-gray-400 max-w-2xl mx-auto mb-8"> |
|
|
Regardez les meilleurs films français en version originale ou doublée, directement en streaming sans interruption. |
|
|
</p> |
|
|
|
|
|
<div class="max-w-xl mx-auto relative"> |
|
|
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"> |
|
|
<i class="fas fa-search text-gray-400"></i> |
|
|
</div> |
|
|
<input type="text" id="searchInput" placeholder="Rechercher un film, une série..." |
|
|
class="w-full pl-10 pr-4 py-3 rounded-full bg-gray-700 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500"> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="playerSection" class="hidden mb-12"> |
|
|
<div class="flex justify-between items-center mb-6"> |
|
|
<h2 id="playerTitle" class="text-2xl font-bold"></h2> |
|
|
<button onclick="hidePlayer()" class="text-gray-400 hover:text-white"> |
|
|
<i class="fas fa-times text-2xl"></i> |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
<div class="player-container bg-black rounded-lg overflow-hidden shadow-xl mb-4"> |
|
|
<iframe id="streamPlayer" class="w-full h-full" frameborder="0" allowfullscreen allow="autoplay; fullscreen"></iframe> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-800 rounded-lg p-4"> |
|
|
<h3 class="font-bold mb-2">Informations</h3> |
|
|
<p id="playerDescription" class="text-gray-300"></p> |
|
|
<div class="mt-4 flex space-x-4"> |
|
|
<button onclick="toggleFullscreen()" class="px-4 py-2 bg-blue-600 hover:bg-blue-700 rounded"> |
|
|
<i class="fas fa-expand mr-2"></i> Plein écran |
|
|
</button> |
|
|
<button onclick="shareStream()" class="px-4 py-2 bg-purple-600 hover:bg-purple-700 rounded"> |
|
|
<i class="fas fa-share-alt mr-2"></i> Partager |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="films" class="mb-12"> |
|
|
<h2 class="text-2xl font-bold mb-6">Films Français Gratuits</h2> |
|
|
|
|
|
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4"> |
|
|
|
|
|
<div class="channel-card bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer relative" onclick="playStream('Intouchables (VF)', 'https://ok.ru/videoembed/3599280620339?autoplay=1', 'Comédie dramatique française avec Omar Sy et François Cluzet.')"> |
|
|
<div class="relative pt-[150%] bg-gray-700"> |
|
|
<img src="https://image.tmdb.org/t/p/w500/4mFsNQwbD0F237Tx7gAPotd0nbJ.jpg" alt="Intouchables" class="absolute top-0 left-0 w-full h-full object-cover"> |
|
|
<div class="french-flag">VF</div> |
|
|
</div> |
|
|
<div class="p-3"> |
|
|
<h3 class="font-bold text-sm truncate">Intouchables</h3> |
|
|
<div class="flex justify-between items-center mt-1"> |
|
|
<span class="text-yellow-400 text-xs">★ 8.5</span> |
|
|
<span class="text-gray-400 text-xs">2011</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="channel-card bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer relative" onclick="playStream('Le Fabuleux Destin d\'Amélie Poulain (VF)', 'https://ok.ru/videoembed/3258894280886?autoplay=1', 'Film poétique de Jean-Pierre Jeunet avec Audrey Tautou.')"> |
|
|
<div class="relative pt-[150%] bg-gray-700"> |
|
|
<img src="https://image.tmdb.org/t/p/w500/7WgTzvWQtuYQz3nBZkFogNlWUBV.jpg" alt="Amélie Poulain" class="absolute top-0 left-0 w-full h-full object-cover"> |
|
|
<div class="french-flag">VF</div> |
|
|
</div> |
|
|
<div class="p-3"> |
|
|
<h3 class="font-bold text-sm truncate">Amélie Poulain</h3> |
|
|
<div class="flex justify-between items-center mt-1"> |
|
|
<span class="text-yellow-400 text-xs">★ 8.3</span> |
|
|
<span class="text-gray-400 text-xs">2001</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="channel-card bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer relative" onclick="playStream('La Haine (VO)', 'https://ok.ru/videoembed/3599280620339?autoplay=1', 'Film culte de Mathieu Kassovitz avec Vincent Cassel.')"> |
|
|
<div class="relative pt-[150%] bg-gray-700"> |
|
|
<img src="https://image.tmdb.org/t/p/w500/3Z2OL8VMFm8Qbv6oQfqXr6QHlLz.jpg" alt="La Haine" class="absolute top-0 left-0 w-full h-full object-cover"> |
|
|
<div class="french-flag">VO</div> |
|
|
</div> |
|
|
<div class="p-3"> |
|
|
<h3 class="font-bold text-sm truncate">La Haine</h3> |
|
|
<div class="flex justify-between items-center mt-1"> |
|
|
<span class="text-yellow-400 text-xs">★ 8.1</span> |
|
|
<span class="text-gray-400 text-xs">1995</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="channel-card bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer relative" onclick="playStream('Léon (VF)', 'https://ok.ru/videoembed/3599280620339?autoplay=1', 'Film d\'action avec Jean Reno et Natalie Portman.')"> |
|
|
<div class="relative pt-[150%] bg-gray-700"> |
|
|
<img src="https://image.tmdb.org/t/p/w500/2yXVoq0dL4aStvHhvU0CNQkQZhu.jpg" alt="Léon" class="absolute top-0 left-0 w-full h-full object-cover"> |
|
|
<div class="french-flag">VF</div> |
|
|
</div> |
|
|
<div class="p-3"> |
|
|
<h3 class="font-bold text-sm truncate">Léon</h3> |
|
|
<div class="flex justify-between items-center mt-1"> |
|
|
<span class="text-yellow-400 text-xs">★ 8.5</span> |
|
|
<span class="text-gray-400 text-xs">1994</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="channel-card bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer relative" onclick="playStream('Bienvenue chez les Ch\'tis (VF)', 'https://ok.ru/videoembed/3599280620339?autoplay=1', 'Comédie française avec Kad Merad et Dany Boon.')"> |
|
|
<div class="relative pt-[150%] bg-gray-700"> |
|
|
<img src="https://image.tmdb.org/t/p/w500/3wQeJZkFegDhXxlQqQyP0qQ4T5d.jpg" alt="Bienvenue chez les Ch'tis" class="absolute top-0 left-0 w-full h-full object-cover"> |
|
|
<div class="french-flag">VF</div> |
|
|
</div> |
|
|
<div class="p-3"> |
|
|
<h3 class="font-bold text-sm truncate">Bienvenue chez les Ch'tis</h3> |
|
|
<div class="flex justify-between items-center mt-1"> |
|
|
<span class="text-yellow-400 text-xs">★ 7.1</span> |
|
|
<span class="text-gray-400 text-xs">2008</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="channel-card bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer relative" onclick="playStream('Le Dîner de Cons (VF)', 'https://ok.ru/videoembed/3599280620339?autoplay=1', 'Comédie française avec Thierry Lhermitte et Jacques Villeret.')"> |
|
|
<div class="relative pt-[150%] bg-gray-700"> |
|
|
<img src="https://image.tmdb.org/t/p/w500/5JGV9q4lK6Qj5q7cZQvXjZJZJZJ.jpg" alt="Le Dîner de Cons" class="absolute top-0 left-0 w-full h-full object-cover"> |
|
|
<div class="french-flag">VF</div> |
|
|
</div> |
|
|
<div class="p-3"> |
|
|
<h3 class="font-bold text-sm truncate">Le Dîner de Cons</h3> |
|
|
<div class="flex justify-between items-center mt-1"> |
|
|
<span class="text-yellow-400 text-xs">★ 7.7</span> |
|
|
<span class="text-gray-400 text-xs">1998</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="channel-card bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer relative" onclick="playStream('Astérix et Obélix: Mission Cléopâtre (VF)', 'https://ok.ru/videoembed/3599280620339?autoplay=1', 'Comédie française avec Gérard Depardieu et Christian Clavier.')"> |
|
|
<div class="relative pt-[150%] bg-gray-700"> |
|
|
<img src="https://image.tmdb.org/t/p/w500/5JGV9q4lK6Qj5q7cZQvXjZJZJZJ.jpg" alt="Astérix et Obélix" class="absolute top-0 left-0 w-full h-full object-cover"> |
|
|
<div class="french-flag">VF</div> |
|
|
</div> |
|
|
<div class="p-3"> |
|
|
<h3 class="font-bold text-sm truncate">Astérix et Obélix</h3> |
|
|
<div class="flex justify-between items-center mt-1"> |
|
|
<span class="text-yellow-400 text-xs">★ 7.2</span> |
|
|
<span class="text-gray-400 text-xs">2002</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="channel-card bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer relative" onclick="playStream('Les Visiteurs (VF)', 'https://ok.ru/videoembed/3599280620339?autoplay=1', 'Comédie française avec Jean Reno et Christian Clavier.')"> |
|
|
<div class="relative pt-[150%] bg-gray-700"> |
|
|
<img src="https://image.tmdb.org/t/p/w500/5JGV9q4lK6Qj5q7cZQvXjZJZJZJ.jpg" alt="Les Visiteurs" class="absolute top-0 left-0 w-full h-full object-cover"> |
|
|
<div class="french-flag">VF</div> |
|
|
</div> |
|
|
<div class="p-3"> |
|
|
<h3 class="font-bold text-sm truncate">Les Visiteurs</h3> |
|
|
<div class="flex justify-between items-center mt-1"> |
|
|
<span class="text-yellow-400 text-xs">★ 7.1</span> |
|
|
<span class="text-gray-400 text-xs">1993</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="channel-card bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer relative" onclick="playStream('Le Pacte des Loups (VF)', 'https://ok.ru/videoembed/3599280620339?autoplay=1', 'Film fantastique français avec Samuel Le Bihan et Vincent Cassel.')"> |
|
|
<div class="relative pt-[150%] bg-gray-700"> |
|
|
<img src="https://image.tmdb.org/t/p/w500/5JGV9q4lK6Qj5q7cZQvXjZJZJZJ.jpg" alt="Le Pacte des Loups" class="absolute top-0 left-0 w-full h-full object-cover"> |
|
|
<div class="french-flag">VF</div> |
|
|
</div> |
|
|
<div class="p-3"> |
|
|
<h3 class="font-bold text-sm truncate">Le Pacte des Loups</h3> |
|
|
<div class="flex justify-between items-center mt-1"> |
|
|
<span class="text-yellow-400 text-xs">★ 7.0</span> |
|
|
<span class="text-gray-400 text-xs">2001</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="channel-card bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer relative" onclick="playStream('Le Prénom (VF)', 'https://ok.ru/videoembed/3599280620339?autoplay=1', 'Comédie française adaptée de la pièce de théâtre.')"> |
|
|
<div class="relative pt-[150%] bg-gray-700"> |
|
|
<img src="https://image.tmdb.org/t/p/w500/5JGV9q4lK6Qj5q7cZQvXjZJZJZJ.jpg" alt="Le Prénom" class="absolute top-0 left-0 w-full h-full object-cover"> |
|
|
<div class="french-flag">VF</div> |
|
|
</div> |
|
|
<div class="p-3"> |
|
|
<h3 class="font-bold text-sm truncate">Le Prénom</h3> |
|
|
<div class="flex justify-between items-center mt-1"> |
|
|
<span class="text-yellow-400 text-xs">★ 7.3</span> |
|
|
<span class="text-gray-400 text-xs">2012</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="plateformes" class="mb-12"> |
|
|
<h2 class="text-2xl font-bold mb-6">Plateformes de Films Français Gratuits</h2> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> |
|
|
|
|
|
<div class="bg-gray-800 rounded-lg p-6 flex flex-col"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-blue-600 p-3 rounded-lg mr-4"> |
|
|
<i class="fas fa-tv text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="font-bold text-lg">France TV</h3> |
|
|
</div> |
|
|
<p class="text-gray-400 mb-4 flex-1">Plateforme officielle de France Télévisions avec des films français gratuits en streaming.</p> |
|
|
<div class="flex space-x-3"> |
|
|
<a href="https://www.france.tv/" target="_blank" class="flex-1 px-4 py-2 bg-blue-600 hover:bg-blue-700 rounded font-medium text-center"> |
|
|
<i class="fas fa-external-link-alt mr-2"></i> Accéder |
|
|
</a> |
|
|
<button onclick="playStream('France TV', 'https://www.france.tv/', 'Plateforme officielle de France Télévisions')" class="flex-1 px-4 py-2 bg-blue-600 hover:bg-blue-700 rounded font-medium"> |
|
|
<i class="fas fa-play mr-2"></i> Regarder |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-800 rounded-lg p-6 flex flex-col"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-red-600 p-3 rounded-lg mr-4"> |
|
|
<i class="fas fa-film text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="font-bold text-lg">ARTE Cinéma</h3> |
|
|
</div> |
|
|
<p class="text-gray-400 mb-4 flex-1">Sélection de films d'auteur et classiques du cinéma français et européen.</p> |
|
|
<div class="flex space-x-3"> |
|
|
<a href="https://www.arte.tv/fr/videos/cinema/" target="_blank" class="flex-1 px-4 py-2 bg-red-600 hover:bg-red-700 rounded font-medium text-center"> |
|
|
<i class="fas fa-external-link-alt mr-2"></i> Accéder |
|
|
</a> |
|
|
<button onclick="playStream('ARTE Cinéma', 'https://www.arte.tv/fr/videos/cinema/', 'Films d\'auteur et classiques du cinéma')" class="flex-1 px-4 py-2 bg-red-600 hover:bg-red-700 rounded font-medium"> |
|
|
<i class="fas fa-play mr-2"></i> Regarder |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-800 rounded-lg p-6 flex flex-col"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-purple-500 p-3 rounded-lg mr-4"> |
|
|
<i class="fas fa-child text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="font-bold text-lg">Okoo (France TV)</h3> |
|
|
</div> |
|
|
<p class="text-gray-400 mb-4 flex-1">Plateforme jeunesse de France Télévisions avec des films et dessins animés français.</p> |
|
|
<div class="flex space-x-3"> |
|
|
<a href="https://www.okoofrance.tv/" target="_blank" class="flex-1 px-4 py-2 bg-purple-500 hover:bg-purple-600 rounded font-medium text-center"> |
|
|
<i class="fas fa-external-link-alt mr-2"></i> Accéder |
|
|
</a> |
|
|
<button onclick="playStream('Okoo', 'https://www.okoofrance.tv/', 'Plateforme jeunesse de France Télévisions')" class="flex-1 px-4 py-2 bg-purple-500 hover:bg-purple-600 rounded font-medium"> |
|
|
<i class="fas fa-play mr-2"></i> Regarder |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
</main> |
|
|
|
|
|
|
|
|
<footer class="bg-gray-800 py-8"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
|
|
<div> |
|
|
<h3 class="text-lg font-bold mb-4">Films Français Gratuits</h3> |
|
|
<p class="text-gray-400 text-sm"> |
|
|
Votre plateforme pour découvrir les meilleurs films français en streaming gratuit. |
|
|
Tous les liens pointent vers des plateformes légales et officielles. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-lg font-bold mb-4">Aide & Support</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-blue-400 text-sm">FAQ</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-blue-400 text-sm">Problèmes de lecture</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-blue-400 text-sm">Nous contacter</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-lg font-bold mb-4">Légal</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-blue-400 text-sm">Mentions légales</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-blue-400 text-sm">Conditions d'utilisation</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-blue-400 text-sm">Politique de confidentialité</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="border-t border-gray-700 mt-8 pt-6 text-center text-gray-400 text-sm"> |
|
|
<p>© 2023 Films Français Gratuits. Ce site ne propose pas de contenu piraté, seulement des liens vers des plateformes de streaming légales et gratuites.</p> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
|
|
|
function playStream(title, url, description) { |
|
|
document.getElementById('playerTitle').textContent = title; |
|
|
document.getElementById('playerDescription').textContent = description; |
|
|
|
|
|
|
|
|
document.getElementById('streamPlayer').src = url; |
|
|
|
|
|
|
|
|
document.getElementById('playerSection').classList.remove('hidden'); |
|
|
|
|
|
|
|
|
document.getElementById('playerSection').scrollIntoView({ behavior: 'smooth' }); |
|
|
} |
|
|
|
|
|
|
|
|
function hidePlayer() { |
|
|
document.getElementById('playerSection').classList.add('hidden'); |
|
|
document.getElementById('streamPlayer').src = ''; |
|
|
} |
|
|
|
|
|
|
|
|
function toggleFullscreen() { |
|
|
const player = document.getElementById('streamPlayer'); |
|
|
|
|
|
if (!document.fullscreenElement) { |
|
|
if (player.requestFullscreen) { |
|
|
player.requestFullscreen(); |
|
|
} else if (player.webkitRequestFullscreen) { |
|
|
player.webkitRequestFullscreen(); |
|
|
} else if (player.msRequestFullscreen) { |
|
|
player.msRequestFullscreen(); |
|
|
} |
|
|
} else { |
|
|
if (document.exitFullscreen) { |
|
|
document.exitFullscreen(); |
|
|
} else if (document.webkitExitFullscreen) { |
|
|
document.webkitExitFullscreen(); |
|
|
} else if (document.msExitFullscreen) { |
|
|
document.msExitFullscreen(); |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
function shareStream() { |
|
|
const title = document.getElementById('playerTitle').textContent; |
|
|
const url = document.getElementById('streamPlayer').src; |
|
|
|
|
|
if (navigator.share) { |
|
|
navigator.share({ |
|
|
title: title, |
|
|
text: 'Regarde ce film français gratuit: ' + title, |
|
|
url: url |
|
|
}).catch(err => { |
|
|
console.log('Error sharing:', err); |
|
|
fallbackShare(title, url); |
|
|
}); |
|
|
} else { |
|
|
fallbackShare(title, url); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
function fallbackShare(title, url) { |
|
|
const shareUrl = `mailto:?subject=${encodeURIComponent(title)}&body=${encodeURIComponent('Regarde ce film français gratuit: ' + url)}`; |
|
|
window.location.href = shareUrl; |
|
|
} |
|
|
|
|
|
|
|
|
document.getElementById('searchInput').addEventListener('input', function(e) { |
|
|
const searchTerm = e.target.value.toLowerCase(); |
|
|
console.log("Recherche :", searchTerm); |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
window.playStream = playStream; |
|
|
window.hidePlayer = hidePlayer; |
|
|
window.toggleFullscreen = toggleFullscreen; |
|
|
window.shareStream = shareStream; |
|
|
</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/cin-base" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
