OMR Reviews
Scopri di più"Ho finalmente trovato uno strumento che mi permette di integrare video nel mio sito web in conformità al GDPR e senza cookie aggiuntivi."
Tutorial
Personalizza il tuo video Player: crea il tuo layout
Vuoi che il tuo video Player si adatti perfettamente al Design del tuo sito? Con Ignite, è un gioco da ragazzi.
In questo tutorial ti mostriamo come creare Design personalizzati con Ignite. Che si tratti di colori o branding, fai risaltare il tuo Player. La parte migliore? È semplicissimo — nessuna competenza tecnica o di programmazione richiesta!
Step 1: Personalizza i colori del tuo video Player
Una volta pubblicato il tuo video e quando sei pronto per integrarlo, puoi personalizzare i colori del Player. Ecco le opzioni disponibili:
- Colore di evidenziazione (Highlight Color): Regola il pulsante play e la barra di avanzamento. Dovrebbe essere il tuo colore più accattivante.
- Colore di sfondo (Background Color): Imposta lo sfondo della barra del menu del Player, garantendo visibilità su tutti i video.
- Elementi UI (UI Elements): Personalizza il colore di tutti gli altri pulsanti e del testo, ad eccezione del pulsante play.
Importante: L'accessibilità è importante! I nostri colori predefiniti sono progettati per un contrasto elevato, rendendo il Player facile da usare per persone con disabilità visive. Se modifichi i colori, assicurati che mantengano un contrasto elevato per una migliore leggibilità.
Step 2: Regola il rapporto d'aspetto (Aspect Ratio)
Il rapporto d'aspetto (Aspect Ratio) indica semplicemente il rapporto tra larghezza e altezza del tuo video. Il formato classico è 16:9, ma con un approccio "mobile-first", i formati 9:16 o 4:5 stanno diventando sempre più comuni.
Il nostro Player ti permette di scegliere tra questi formati più diffusi: 16:9, 9:16, 4:5, 4:3, 3:4, 1:1
Puoi anche attivare la modalità responsive, che adatta automaticamente il Player alle dimensioni del contenitore nel tuo sito web.
Step 3: Regola il Video Fit
Conosciuta anche come "Video Fit", questa impostazione determina come il tuo video si comporta all'interno del rapporto d'aspetto del Player.
Sembra complicato? È rilevante quando il tuo video non corrisponde al formato del Player o quando vuoi che riempia l'intero Player.
Esempio: hai un video 16:9, ma il tuo Player è impostato su 1:1 nel tuo sito web.
- Contain: L'intero video resta visibile, ma compaiono bande nere sopra e sotto.
- Fit: il video riempie il Player, centrato, ma viene ritagliato a sinistra e a destra.
Guarda lo screenshot qui sopra per un esempio visivo.
Info: Contrasto colori e accessibilità nel video Player
Hai il pieno controllo sui colori del tuo Player — non imponiamo alcuna restrizione. Tuttavia, ti consigliamo vivamente di considerare l'accessibilità nella scelta dei colori.
Per impostazione predefinita, il Player è progettato per essere accessibile. Ma per mantenere questo standard, dovresti assicurarti di utilizzare combinazioni di colori ad alto contrasto per una migliore leggibilità e usabilità.
Per aiutarti, viene visualizzata una piccola valutazione di accessibilità che ti dà un feedback immediato sul contrasto dei colori scelti.
Crea e gestisci Design globali
Da gennaio 2025, puoi creare e gestire Design globali per il video Player. Questo ti permette di impostare un Design predefinito una sola volta e applicarlo facilmente ogni volta che integri nuovi video.
Design e branding completamente personalizzati?
Queste sono le opzioni di personalizzazione disponibili quando utilizzi il nostro Player. Tuttavia, sei anche libero di utilizzare solo il nostro hosting video europeo e integrare il tuo Player personalizzato.
In questo caso, puoi semplicemente utilizzare i file HLS, le Playlist o i file MP4 che forniamo. Questo approccio è generalmente utilizzato per progetti web più grandi che richiedono il pieno controllo del Design.
