Codice Iframe Embed
Ogni video su AVCaption riceve un singolo codice iframe:
<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>
Incollalo su qualsiasi piattaforma che accetti HTML. Tutto qui.
Dove funziona
CMS / Blog
- WordPress (blocco Custom HTML, blocco Code, HTML grezzo del post)
- Ghost (HTML card)
- Substack (HTML nei post, anche a pagamento)
- Medium (limitato — solo bookmark card, niente iframe)
- Hashnode (blocco Embed)
LMS / Piattaforme corsi
- Teachable (il blocco Video accetta il codice iframe via “Custom Code”)
- Thinkific (blocco Custom Code)
- Kajabi (blocco HTML in post e pagine prodotto)
- LearnDash (HTML nel corpo della lezione)
- LearnWorlds (blocco Embed)
- Podia (Custom HTML)
Builder no-code
- Webflow (elemento Embed)
- Bubble (elemento HTML)
- Wix (blocco HTML iframe)
- Squarespace (blocco Code)
- Carrd (sezione Embed)
- Framer (componente Embed)
Produttività / Knowledge
- Notion (comando slash
/embed) - Coda (Embed)
- ClickUp (vista Embed)
Email — limitato. La maggior parte dei client email blocca gli iframe (Gmail, Outlook). Invia invece un link con anteprima og:image.
Parametri URL
Aggiungi query parameter alla src dell’iframe:
?autoplay=1&muted=1— avvia la riproduzione al caricamento (muto richiesto per l’autoplay)?start=120— salta a 120 s?subtitle=vi— preseleziona il sottotitolo vietnamita?quality=1080— forza la variante 1080p?loop=1— riavvia alla fine?controls=0— nascondi tutti i controlli (modalità chiosco)
Combinabili: ?autoplay=1&muted=1&start=30&subtitle=es.
Header di sicurezza
L’iframe risponde con:
Content-Security-Policy: frame-ancestors {your_whitelist}— i browser bloccano l’embedding su origini non in whitelistReferrer-Policy: strict-origin— informazione referrer limitata a scheme+hostPermissions-Policy: autoplay=*; fullscreen=*— necessario perché l’attributoallowfunzioni
Non configuri nulla — AVCaption imposta gli header corretti in base alla tua whitelist dei domini.
Performance
- First paint: 600-900 ms su 4G mobile, sotto i 300 ms su banda larga
- HLS.js + JS del player: ~60KB minified+gzipped
- Primo segmento pre-riscaldato all’upload, servito dall’edge CDN
loading="lazy"ritarda il caricamento dell’iframe finché l’utente non vi si avvicina con lo scroll (consigliato)
Dimensionamento responsive
L’iframe è pienamente responsive con width="100%" e aspect-ratio: 16/9. Il video si scala al suo contenitore, è ciò che vuoi sulla maggior parte dei siti.
Per dimensione in pixel fissa: width="800" height="450" (o qualsiasi rapporto 16:9).
Per non-16:9 (es. video d’archivio 4:3): imposta aspect-ratio: 4/3 per coincidere con la sorgente.
Per iniziare
Ogni video caricato su AVCaption ha un codice iframe nella pagina di dettaglio del video. Registrati gratis, carica un video, copia il codice iframe, incollalo dove vuoi. Destinazioni di embed comuni: video hosting per LMS, corsi online, prodotti digitali.