Pubblicare un video hero in background sul tuo sito con THRON
Un video hero è un video a piena larghezza che scorre in loop dietro al testo di una sezione di apertura del sito. Con THRON lo pubblichi partendo da un Digital Asset già caricato: il contenuto resta collegato alla piattaforma e si aggiorna ovunque sia pubblicato, senza dover caricare copie del file altrove.
Cosa fa THRON per te
Quando pubblichi un video con THRON, la piattaforma prepara e consegna l'asset già ottimizzato, senza nessun intervento manuale da parte tua:
Formati e qualità automatici: il video viene convertito nei formati più moderni ed efficienti, e ogni utente riceve la versione più adatta al suo dispositivo e alla sua connessione. Chi ha una rete lenta non scarica un video pesante.
Delivery veloce ovunque: il contenuto viene servito dal punto più vicino a chi visita la pagina, per ridurre al minimo i tempi di attesa.
Player leggero: il player con cui il video viene mostrato è progettato per caricare poche risorse, così l'hero appare rapidamente senza rallentare la pagina.
Prepara e pubblica il video hero
Individua il Digital Asset video nel wall e apri la condivisione (Condividi > EMBED), come descritto nella guida sull'embed. In alternativa puoi usare un link di delivery, ma per un hero il player embed è il percorso più diretto.
Nel pannello Creazione EMBED, attiva Player responsivo così il video si adatta alla larghezza della sezione senza dimensioni fisse.
Imposta i parametri tipici di un hero: Autoplay attivo, Muto attivo, Loop attivo, Mostra controlli disattivo.
Genera il codice con Aggiorna e genera codice di EMBED, poi Copia codice embed e incollalo nel punto della pagina dove deve comparire l'hero.
Attenzione: Autoplay e Muto attivi insieme non sono una scelta stilistica, sono un requisito tecnico. Nessun browser moderno avvia un video con audio senza un'interazione preventiva dell'utente. Se disattivi Muto, l'hero non partirà in autoplay su Chrome, Firefox, Safari ed Edge.
L'ultimo miglio: ottimizzazione lato sito
THRON consegna l'asset ottimizzato, ma il modo in cui la pagina lo richiede fa la differenza sulle performance percepite. Se la stessa pagina riusa più video di sfondo in sezioni diverse, caricarli tutti insieme all'apertura spreca banda e rallenta il rendering.
Il lazy load è la tecnica che ritarda il caricamento del player finché la sezione non sta per entrare nello schermo dell'utente, invece di caricarlo insieme al resto della pagina.
Nota: L'implementazione dell'ultimo miglio avviene lato sito, nel codice che ospita l'embed, non in piattaforma THRON. Le tecniche concrete dipendono dallo stack del sito e seguono le best practice standard di frontend performance: non sono trattate qui perché out of scope rispetto alla configurazione THRON. Per l'integrazione, fai riferimento a chi sviluppa il tuo sito o al tuo account di riferimento THRON.
Configurazione consigliata
Preset Standard per un hero video
Player responsivo: attivo
Autoplay: attivo
Muto: attivo
Loop: attivo
Mostra controlli: disattivo
## Articoli di approfondimento
-
- Serve aiuto?
Per problemi tecnici, scrivi a support@thron.com.