Player Embed Personalizzato
Il player embed AVCaption è un singolo iframe che inserisci sul tuo sito, sul tuo LMS, sul tuo portale membership, in un post di blog — ovunque l’HTML funzioni. Ha l’aspetto del tuo brand, riproduce i tuoi video e rispetta le tue regole d’accesso.
Cosa puoi personalizzare
Colore del brand — imposta un singolo colore d’accento nella dashboard. Barra di avanzamento, evidenze hover, accento dei sottotitoli e pulsante play lo adottano.
Watermark logo (Premium) — carica un PNG. Compare in un angolo del video con opacità regolabile. Persistente per tutta la riproduzione.
Watermark dinamico per spettatore (Enterprise) — imprime email, ID o indirizzo IP dello spettatore autenticato nel flusso video. Se uno spettatore registra lo schermo e pubblica il video, il watermark lo identifica. Il testo si sposta periodicamente per vanificare ritagli semplici.
Preset stili sottotitoli — tipografia, dimensione, sfondo, posizione, stile bordo. Preset pronti (stile Netflix, stile YouTube, stile hardsub anime) oppure personalizzati.
Controlli del player — scegli quali controlli mostrare: play/pause, volume, fullscreen, PIP, velocità, selettore qualità, selettore sottotitoli, AirPlay, Cast.
Default autoplay / loop / mute — sovrascrivibili per video tramite parametri URL dell’embed.
Whitelist dei domini — specifica esattamente quali domini possono ospitare l’iframe. I hotlink da altrove ricevono un 403.
Il codice 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>
Tutto qui. Nessuna dipendenza JS, nessun tag script, nessun conflitto CSS con il tuo sito. Renderizza su ogni browser moderno: Safari, Firefox, Chrome, Edge, browser mobili, webview in-app.
Parametri URL per controllo fine
Aggiungi query parameter alla src dell’iframe per sovrascrivere i default per singolo embed:
?autoplay=1— avvia la riproduzione al caricamento (soggetto alle policy di autoplay del browser — muto consigliato).?muted=1— avvia muto (richiesto per l’autoplay nella maggior parte dei browser).?loop=1— riavvia alla fine.?start=120— salta a 120 secondi al caricamento.?quality=1080— forza una variante specifica.?subtitle=vi— preseleziona una lingua dei sottotitoli.?controls=0— nascondi tutti i controlli (modalità chiosco).?theme=dark|light— sovrascrivi il tema del player.
Supporto browser
- Chrome / Edge — HLS completo via Media Source Extensions (HLS.js)
- Firefox — HLS completo via HLS.js
- Safari (desktop + iOS) — HLS nativo, nessuna libreria JS necessaria
- Chrome mobile (Android) — HLS completo via HLS.js
- iOS 16+ — verificato, incluse PIP, AirPlay, fullscreen
- Webview in-app (app LMS, app mobili ibride) — verificato sulle piattaforme comuni
Performance
Il player è <60KB minified+gzipped incluso HLS.js. First-frame mediamente 600-900 ms su 4G mobile, sotto i 300 ms su banda larga. La master playlist più il primo segmento, in cache CDN, sono il percorso critico; AVCaption li pre-riscalda al momento dell’upload.
Confronto con altre piattaforme
- Wistia / Vimeo OTT — player più pesanti con più strumenti di marketing integrati. First-frame più lento, payload JS più grande.
- Mux Player — più leggero di Wistia, ma UI da costruire da soli per watermark / branding. AVCaption integra i controlli di brand nella dashboard.
- JW Player — completo nelle funzioni ma payload JS grande, e l’SDK richiede chiavi di licenza per dominio.
- Bunny / CF Stream — player leggeri comparabili con meno personalizzazione del brand.
Per iniziare
Registrati gratis, carica un video, copia il codice iframe dalla dashboard. La personalizzazione del brand è nella pagina Player Settings. Distribuzioni comuni: video hosting per LMS, video per membership site, video per clienti di agenzia.