videocam HTML5 Video palette Material Design 3 wb_sunny Mode Jour / Light

5 expériences vidéo

Toutes les options natives de la balise <video> : contrôles, autoplay, loop, muted, poster, preload, playsinline, Picture-in-Picture, pistes texte, controlslist.
Design clair et lumineux (thème jour) — inspiré Material You.

play_circle controls repeat loop volume_off muted autoplay image poster picture_in_picture PiP natif subtitles pistes VTT

settings_overscan

Style 1 · Controls + Poster

controls poster

check_circle interface native wallpaper poster image

Contrôles complets + affiche personnalisée avant lancement. Formats MP4 + WebM.

loop

Style 2 · Autoplay Muted Loop

autoplay muted loop

volume_off muet au départ all_inclusive lecture en boucle

Parfait pour vidéo de fond / héros. Lecture automatique silencieuse.

subtitles

Style 3 · Piste texte WebVTT

<track> subtitles

closed_caption sous-titres inclus data_usage preload="auto"

Fichier WebVTT externe, activez les sous-titres via le bouton CC.

lock

Style 4 · Contrôles restreints

controlslist

do_not_disturb sans téléchargement fullscreen_exit fullscreen désactivé

Interface désactivée pour certaines options, poster haute résolution.

picture_in_picture

Style 5 · Picture-in-Picture

PiP · autoplay muted

picture_in_picture_alt bouton PiP natif touch_app utilisateur peut activer son

Picture-in-Picture disponible sur Chrome, Edge, Safari. Démarrage muet.

code_blocks

Tous les attributs de la balise <video>

play_circle src

tune controls

play_arrow autoplay

repeat loop

volume_off muted

image poster

downloading preload

smartphone playsinline

public crossorigin

lock_open controlslist

picture_in_picture disablePictureInPicture

subtitles <track> (VTT)

info Ces 5 démonstrations couvrent tous les cas d'usage : interface standard, boucle muette automatique, sous-titres, restrictions d'UI, et Picture-in-Picture. Design inspiré de Material Design 3 — Mode clair (jour) avec couleurs apaisantes.