Aangepaste Embed-speler
De AVCaption embed-speler is één iframe die u op je site, LMS, membership-portaal of blogpost plaatst — overal waar HTML werkt. Hij ziet eruit als je merk, speelt je video af en respecteert je toegangsregels.
Wat u kunt aanpassen
Merkkleur — stel één accentkleur in het dashboard in. Voortgangsbalk, hover-highlights, ondertitelaccent en play-knop nemen die over.
Logo-watermerk (Premium) — upload een PNG. Verschijnt in een hoek van de video met instelbare doorzichtigheid. Blijft tijdens de weergave zichtbaar.
Dynamisch watermerk per kijker (Enterprise) — verwerk e-mail, ID of IP-adres van de geverifieerde kijker in de videostroom. Als een kijker scherm opneemt en de video publiek deelt, identificeert het watermerk die persoon. De tekst beweegt periodiek om eenvoudig wegknippen te verijdelen.
Ondertitelstijl-presets — typografie, grootte, achtergrond, positie, randstijl. Kant-en-klare presets (Netflix-stijl, YouTube-stijl, anime hardsub-stijl) of eigen.
Spelerbedieningen — kies welke knoppen verschijnen: play/pause, volume, fullscreen, PIP, snelheid, kwaliteitskiezer, ondertitelkiezer, AirPlay, Cast.
Standaarden voor autoplay / loop / mute — per video te overschrijven via embed-URL-parameters.
Domeinwhitelist — bepaal precies welke domeinen de iframe mogen hosten. Hotlinks van elders krijgen een 403.
De embed-code
<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>
Dat is alles. Geen JS-afhankelijkheden, geen scripttag, geen CSS-conflict met je site. Werkt in elke moderne browser inclusief Safari, Firefox, Chrome, Edge, mobiele browsers en in-app webviews.
URL-parameters voor fijne controle
Voeg query-parameters toe aan de src van de iframe om standaarden per embed te overschrijven:
?autoplay=1— bij laden direct afspelen (afhankelijk van browser-autoplay-beleid — gedempt aanbevolen).?muted=1— gedempt starten (vereist voor autoplay in de meeste browsers).?loop=1— opnieje beginnen aan het einde.?start=120— bij laden naar seconde 120 springen.?quality=1080— een specifieke variant forceren.?subtitle=vi— een ondertiteltaal voorselecteren.?controls=0— alle bedieningen verbergen (voor kioskmodus).?theme=dark|light— spelerthema overschrijven.
Browserondersteuning
- Chrome / Edge — volledig HLS via Media Source Extensions (HLS.js)
- Firefox — volledig HLS via HLS.js
- Safari (desktop + iOS) — native HLS, geen JS-bibliotheek nodig
- Mobiele Chrome (Android) — volledig HLS via HLS.js
- iOS 16+ — geverifieerd, inclusief PIP, AirPlay, fullscreen
- In-app webviews (LMS-apps, hybride mobiele apps) — geverifieerd op gangbare platforms
Performance
De speler is <60 KB minified+gzipped inclusief HLS.js. First-frame gemiddeld 600-900 ms op 4G mobiel, onder de 300 ms op breedband. De CDN-gecachete master playlist plus eerste segment is het kritische pad; AVCaption verwarmt beide bij upload voor.
Vergeleken met andere platforms
- Wistia / Vimeo OTT — zwaardere spelers met meer marketingtooling ingebouwd. Tragere first-frame, grotere JS-payload.
- Mux Player — lichter dan Wistia, maar zelf UI bouwen voor watermerk / branding. AVCaption levert de merkbedieningen kant-en-klaar in het dashboard.
- JW Player — feature-compleet maar grote JS-payload, en de SDK vereist licentiesleutels per domein.
- Bunny / CF Stream — vergelijkbaar lichte spelers met minder merkaanpassing.
Aan de slag
Gratis registreren, upload een video, kopieer de iframe-code uit het dashboard. Merkaanpassing vindt u op de Player Settings-pagina. Veelvoorkomende inzet: LMS-videohosting, membership site-video, video voor agencyklanten.