Editeur Slider Vidéos Streaming

Crée un lecteur “playlist/slider” (HLS/DASH/MP4) + code HTML complet téléchargeable.

Prêt

Réglages

Nom du slider

Affiché au-dessus du lecteur (optionnel).

Vidéos : 0

Conseils : HLS = .m3u8 • DASH = .mpd • MP4 = .mp4
Si tu mets un lien “stream” protégé par CORS, certains navigateurs peuvent bloquer.

Moteur de lecture

Auto = meilleur choix la plupart du temps.

Précharge

Options Contrôles Autoplay Muet Boucle playsinline

Démarrer à (secondes)

Volume initial (0–1)

Si autoplay: le navigateur exige souvent muted.

Vitesse (playbackRate)

Pour HLS sur Safari/iOS, HTML5 peut suffire (support natif). HLS.js sert surtout sur Chrome/Firefox.

Transition

Durée transition (ms)

Éléments UI Boutons choix vidéos Prev/Next Points Description Clavier Swipe

Ratio

Ratio perso (ex: 3/2)

Max largeur (px)

Coins arrondis (px)

Astuce : les flèches (← →) changent de vidéo si le clavier est activé.

Nom du fichier

Ce fichier contiendra le lecteur + ta playlist.

Inclure scripts CDN

HLS.js / dash.js via CDN. “Jamais” = HTML5 uniquement.

Raccourcis

Le code complet est visible à droite dans l’onglet Code et mis à jour en temps réel.

Container accordéons : #accScroll • Aperçu : iframe#previewFrame

Aperçu en temps réel

Si une vidéo ne se lance pas ici, teste avec un lien public MP4/HLS/DASH accessible en CORS. Certains streams exigent des headers spécifiques.

Code HTML complet (1 fichier)

Tu peux aussi le copier ou le télécharger.