Lecteur Embed Personnalisé
Le lecteur d’embed AVCaption est un iframe unique que vous déposez sur votre site, votre LMS, votre portail d’adhésion, votre billet de blog — partout où le HTML fonctionne. Il a l’allure de votre marque, lit votre vidéo et respecte vos règles d’accès.
Ce que vous pouvez personnaliser
Couleur de marque — définissez une couleur d’accent unique dans le tableau de bord. Barre de progression, surbrillances au survol, accent des sous-titres et bouton lecture l’adoptent.
Filigrane logo (Premium) — téléversez un PNG. Il s’affiche dans un coin de la vidéo avec une opacité réglable. Persistant pendant la lecture.
Filigrane dynamique par spectateur (Enterprise) — incrustez l’e-mail, l’ID ou l’adresse IP du spectateur authentifié dans le flux vidéo. Si un spectateur enregistre l’écran et publie la vidéo, le filigrane l’identifie. Le texte se déplace périodiquement pour défaire les recadrages simples.
Préréglages de style de sous-titres — typographie, taille, fond, position, contour. Préréglages prêts (style Netflix, style YouTube, style hardsub anime) ou personnalisés.
Commandes du lecteur — choisissez quelles commandes apparaissent : lecture/pause, volume, plein écran, PIP, vitesse, sélecteur de qualité, sélecteur de sous-titres, AirPlay, Cast.
Valeurs par défaut autoplay / loop / mute — surchargeables par vidéo via les paramètres d’URL d’embed.
Liste blanche de domaines — spécifiez exactement quels domaines peuvent héberger l’iframe. Les hotlinks venant d’ailleurs reçoivent un 403.
Le code d’embed
<iframe
src="https://avcaption.com/watch/{your_embed_token}"
frameborder="0"
allow="autoplay; encrypted-media; fullscreen"
allowfullscreen
loading="lazy"
width="100%"
style="aspect-ratio: 16/9"
></iframe>
C’est tout. Aucune dépendance JS, aucune balise script, aucun conflit CSS avec votre site. S’affiche dans tout navigateur moderne, dont Safari, Firefox, Chrome, Edge, navigateurs mobiles, webviews intégrées aux apps.
Paramètres d’URL pour un contrôle fin
Ajoutez des paramètres de requête à la src de l’iframe pour surcharger les valeurs par défaut par embed :
?autoplay=1— démarrer la lecture au chargement (soumis aux politiques d’autoplay du navigateur — muet recommandé).?muted=1— démarrer en silencieux (requis pour l’autoplay sur la plupart des navigateurs).?loop=1— redémarrer à la fin.?start=120— placer la lecture à 120 secondes au chargement.?quality=1080— forcer une variante spécifique.?subtitle=vi— présélectionner une langue de sous-titres.?controls=0— masquer toutes les commandes (mode kiosque).?theme=dark|light— surcharger le thème du lecteur.
Compatibilité navigateurs
- Chrome / Edge — HLS complet via Media Source Extensions (HLS.js)
- Firefox — HLS complet via HLS.js
- Safari (bureau + iOS) — HLS natif, aucune bibliothèque JS requise
- Chrome mobile (Android) — HLS complet via HLS.js
- iOS 16+ — vérifié, dont PIP, AirPlay, plein écran
- Webviews intégrées (apps LMS, apps mobiles hybrides) — vérifié sur les plateformes courantes
Performance
Le lecteur fait moins de 60 Ko minifié+gzippé, HLS.js inclus. First-frame en moyenne 600 à 900 ms en mobile 4G, sous 300 ms en haut débit. La master playlist plus le premier segment, mis en cache CDN, sont le chemin critique ; AVCaption préchauffe les deux au moment du téléversement.
Comparé aux autres plateformes
- Wistia / Vimeo OTT — lecteurs plus lourds avec davantage d’outils marketing intégrés. First frame plus lent, payload JS plus volumineux.
- Mux Player — plus léger que Wistia, mais UI à construire vous-même pour filigrane / branding. AVCaption livre les commandes de marque directement dans le tableau de bord.
- JW Player — fonctionnellement complet mais le payload JS est important et le SDK exige des clés de licence par domaine.
- Bunny / CF Stream — lecteurs légers comparables avec moins de personnalisation de marque.
Démarrer
Le test le plus rapide : ouvrez un compte gratuit, uploadez une vidéo, réglez votre couleur d’accent et logo dans Player Settings, copiez l’iframe depuis la page détail de la vidéo, collez sur votre site. Un lecteur brandé en moins de 5 minutes. Déploiements courants : hébergement vidéo LMS, vidéo membership site, vidéo client agence.