🎛️
Style 1 · Contrôles+Poster
⚙️ Attributs : controls poster preload=metadata
💡 Interface complète + affiche personnalisée avant lancement.
🔄
Style 2 · Autoplay Muted Loop
🔁 Attributs : autoplay muted loop playsinline preload=auto
Boucle silencieuse automatique — parfait pour ambiances immersives.
📜
Style 3 · Piste texte (VTT)
🎙️ Piste texte : WebVTT (sous-titres anglais intégrés)
preload : auto + crossorigin="anonymous"
🚫
Style 4 · Contrôles restreints
⛔ controlslist : "nodownload nofullscreen" (cache téléchargement/plein écran)
🖼️ Poster : image externe HD + crossorigin
📺
Style 5 · Picture-in-Picture
✨ PiP natif : bouton "Picture in picture" sur navigateurs compatibles
🎧 Démarrage : muet + autoplay, utilisateur peut activer le son et utiliser PiP.
</>
Tous les attributs HTML5 de la balise <video>
▶
src▶
controls▶
autoplay▶
loop▶
muted▶
poster▶
preload▶
playsinline▶
crossorigin▶
controlslist▶
disablePictureInPicture▶
<track> (VTT)
✨ Ces 5 cartes couvrent chaque cas d'usage : interface standard, boucle muette, piste textuelle, restrictions interface, mode Picture-in-Picture.
Tailwind CSS · Design différent des frameworks classiques : cartes glassmorphisme, animations fluides, grille flexible.
🎯 Compatible Chrome, Firefox, Safari, Edge