HTML5 Video UIkit Framework Thème Jour / Light

5·expériences vidéo

Tous les attributs natifs de la balise <video>

Contrôles, autoplay, loop, muted, poster, preload, playsinline, Picture-in-Picture, pistes texte WebVTT, controlslist — design clair et aérien.

🎮 controls 🔄 autoplay · muted · loop 🖼️ poster image 📺 Picture-in-Picture 📜 <track> VTT subtitles ⚙️ controlslist

Style 1 · Controls + Poster

controls poster preload
Interface utilisateur complète + affiche personnalisée avant lancement. Formats MP4 + WebM.

Style 2 · Autoplay Muted Loop

autoplay muted loop
Lecture automatique sans son, se répète en boucle — idéal pour ambiances / bannières.

Style 3 · Sous‑titres (WebVTT)

<track> subtitles
Activez les sous-titres via le bouton CC (fichier .vtt externe).

Style 4 · UI restreinte

controlslist · crossorigin
Pas de téléchargement, pas de plein écran — Poster haute résolution.

Style 5 · Picture-in-Picture

PiP · autoplay muted
Bouton natif "Picture in picture" sur Chrome, Edge, Safari. Démarre muet.

Tous les attributs de la balise <video>

Standards HTML Living Document — supportés par tous les navigateurs modernes.

✨ 5 exemples d'utilisation
src — source vidéo
controls — affiche l'UI
autoplay — lecture auto
loop — répétition infinie
muted — muet par défaut
poster — image avant lecture
preload (metadata, auto, none)
playsinline (iOS)
crossorigin (anonymous/use-credentials)
controlslist (nodownload/nofullscreen)
disablePictureInPicture
disableRemotePlayback
<track> (subtitles, captions)
height / width

À propos de cette démo : Les cinq exemples ci-dessus exploitent une combinaison unique de ces attributs. Design UIkit — interface claire, tons neutres, cartes lumineuses, animations douces. Aucun background sombre, fidèle au thème jour.