Come aggiungere un video alla pagina

Per aggiungere un blocco con un video alla pagina, apri la Libreria dei blocchi e vai alla categoria "Video".

Per caricare un video su Tilda, clicca su "Contenuti" in un qualsiasi blocco della categoria "Video" e, nel campo "Origine video", seleziona MP4 o WEBM. Quindi clicca sull'icona di caricamento file. È possibile caricare un video in formato MP4 o WEBM di dimensioni massime pari a 5 MB.

È possibile aggiungere i video di YouTube utilizzando i blocchi VD01 (Video), VD04 (pulsante "Riproduci"), VD06N (Video su più colonne), VD08 (Testo e video su due colonne), VD09 (video a comparsa), VD11 (Video con copertina personalizzata), VD12 (Video e immagine su una riga), VD13 (streaming live di YouTube con chat live), VD14 (playlist di video corsi), VD16 (widget video), AB701 (titolo, descrizione e video), BF402N (video o immagine e modulo su due colonne), alcuni blocchi galleria e anche blocchi con un'immagine a schermo intero come sfondo (scopri di più su come aggiungere un video come sfondo).

Per aggiungere un video, è sufficiente un link a un video che sia pubblicamente disponibile e abilitato per l'incorporamento su siti web di terze parti nelle impostazioni sulla privacy.

Scegli il blocco che ti piace di più, vai alla sua scheda Contenuto e inserisci un link al video.

Se si desidera che il video venga riprodotto a partire da un determinato momento, aggiungere il frammento ?start= all'URL e specificare il tempo richiesto in secondi dall'inizio del video. Ad esempio, XEfDYMngJeE?start=5025. In questo caso, il video verrà riprodotto a partire dal 5025° secondo. È possibile copiare rapidamente l'ora facendo clic con il tasto destro del mouse sul lettore e selezionando l'opzione "Copia URL video all'ora corrente".

È possibile aggiungere i video di Vimeo utilizzando i blocchi VD01 (Video), VD04 (pulsante "Riproduci"), VD06N (Video su più colonne), VD08 (Testo e video su due colonne), VD09 (video a comparsa), VD11 (video con copertina personalizzata), VD12 (video e immagine in una riga), VD14 (playlist di video per corsi), AB701 (titolo, descrizione e video), BF402N (video o immagine e modulo su due colonne), alcuni blocchi galleria e anche blocchi con un'immagine a schermo intero come sfondo.

Se il tuo video è bloccato dalle impostazioni di privacy di Vimeo, avrà una combinazione aggiuntiva di numeri e lettere (il parametro hash ?h=) alla fine del link dopo l'ID del video. Per riprodurre il video, aggiungi questa combinazione al campo Hash del link privato di Vimeo.

Puoi caricare il video sul tuo server e inserirlo nei blocchi tramite il tag video HTML5. Si tratta dei blocchi VD01 (Video), VD04 (pulsante "Riproduci"), VD08 (Testo e video su due colonne), VD09 (video a comparsa), VD11 (Video con copertina personalizzata), VD12 (Video e immagine in riga), VD16 (Widget video), AB701 (Titolo, descrizione e video), BF402N (Video o immagine e modulo su due colonne), alcuni blocchi galleria e anche blocchi con un'immagine a schermo intero come sfondo (scopri di più su come aggiungere un video come sfondo).

Per aggiungere un video di questo tipo alla pagina, è necessario utilizzare file video WebM e MP4. È possibile convertire i video in questi formati utilizzando convertitori online o software di editing o conversione video.

Quindi caricalo su un hosting e ottieni un link diretto al file. Tieni presente che molto probabilmente dovrai utilizzare un servizio di hosting file a pagamento, poiché non tutti i servizi di archiviazione file dispongono di tale funzionalità.

Una volta ottenuto il link al file, vai alla sezione "Contenuto" del blocco con il video HTML5 e inserisci il link ai tuoi video in entrambi i formati nei campi previsti.

Per aggiungere un link diretto a un file in un blocco video HTML5, è necessario caricarlo su un servizio di archiviazione file. Le opzioni di archiviazione in cloud, come Google Drive o Dropbox, non sono adatte a questo scopo, poiché non forniscono un collegamento diretto a un file.

Per questo compito, è necessario utilizzare servizi o provider di hosting che offrano un servizio di archiviazione di file. Vediamo come caricare un file e ottenere un link diretto ad esso usando Selectel come esempio.

È possibile aggiungere i video Kinescope utilizzando i blocchi VD01 (Video), VD04 (pulsante "Riproduci"), VD08 (Testo e video su due colonne), VD09 (video a comparsa), VD11 (Video con copertina personalizzata), VD12 (Video e immagine in una riga), VD14 (Playlist del corso video), AB701 (Titolo, descrizione e video), BF402N (Video o immagine e modulo su due colonne) e alcuni blocchi con un'immagine a schermo intero come sfondo.

Per iniziare a lavorare con Kinescope, è necessario registrarsi sul sito web https://www.kinescope.com/ o accedere al proprio account.

Per caricare il vostro video su Kinescope, fate clic sul pulsante Nuovo nell'angolo superiore destro, selezionate "Carica un file" e aggiungete un video.

Per aggiungere il video al sito web, fare clic sul pulsante con i tre puntini vicino al video nel Catalogo → Copiare il link → Incollare il link nella scheda Contenuto del blocco in Tilda.

È possibile aggiungere video tramite iFrame utilizzando i blocchi VD01 (Video), VD04 (pulsante "Riproduci"), VD08 (Testo e video su due colonne), VD09 (video a comparsa), VD11 (Video con copertina personalizzata), VD12 (Video e immagine in riga), VD14 (Playlist del corso video), AB701 (Titolo, descrizione e video), BF402N (Video o immagine e modulo su due colonne).

Questa opzione consente di aggiungere video da qualsiasi piattaforma che fornisca il codice iframe per l'incorporamento di video in un sito web.

Con questa opzione, le impostazioni "Riproduzione automatica del video" e "Video con audio disattivato" non funzioneranno. Se la piattaforma che ospita il video lo consente, è possibile inserire i parametri Autoplay e Mute nel link.

Puoi utilizzare un video come copertina o in altri blocchi con un'immagine di sfondo, invece di un'immagine statica. Vai alla scheda "Contenuti" e incolla il link al tuo video nel campo previsto. Puoi caricare il tuo video su Tilda, utilizzare il link di un video di YouTube oppure un link HTML5 che hai ottenuto seguendo la guida sopra riportata.

Il blocco playlist si trova nella categoria "Video" → blocco VD14.

Questo blocco supporta i video provenienti dai servizi YouTube, Vimeo e Kinescope. Per aggiungere un video, è necessario specificarne i dati nel seguente formato:
Link al video; Titolo del video; Durata del video; Descrizione del video

È necessario specificare un breve riassunto per ciascun video della playlist su una nuova riga.

Il widget video è un piccolo video nell'angolo dello schermo che può aiutarvi a condividere la storia del vostro prodotto o servizio. L'anteprima viene riprodotta senza audio e, se si fa clic su di essa, viene caricato il video principale con audio.

Per aggiungere il widget video, accedere alla categoria Video e selezionare il blocco VD16.

Prima di caricarlo, dovresti preparare e ottimizzare il tuo video per il web (utilizzando software specifici o editor online come Veed.io).

Successivamente, carica il file su Tilda su un servizio che offre spazio di archiviazione per i video e l'accesso tramite un link diretto. Se hai caricato il video su un servizio di terze parti, inserisci il link diretto al file su Tilda.

È possibile aggiungere facoltativamente una versione di anteprima del video. Ciò può aiutare gli utenti a farsi un'idea generale del video principale e a ridurre i tempi di caricamento del sito web.
Le dimensioni ottimali del video sono 200 px di larghezza e una durata massima di 5 secondi.

È possibile specificare un link e un testo per il pulsante sul video principale, se l'obiettivo è incoraggiare il visitatore a compiere un'azione. Se non avete bisogno di un pulsante, lasciate i campi vuoti.

Nelle impostazioni del blocco, è possibile regolare i parametri del widget, del video principale che si apre e dei pulsanti. Per il widget, è possibile specificare il rapporto di aspetto, la larghezza e i parametri del bordo, la posizione sullo schermo e altri parametri. Per il video principale, è possibile configurare i parametri del bordo, dell'ombra e del pulsante di riproduzione. La larghezza del video è sempre fissa - 560x315 per i video orizzontali e viceversa - 315x560 per i video verticali.

Per aggiungere un video in Zero Block → fare clic sul pulsante (+) e aggiungere un elemento Video → selezionare una delle opzioni disponibili per aggiungere un video: YouTube, Vimeo, MP4, Kinescope → incollare il link al video o il suo ID.

Per aggiungere video da altri servizi, è possibile utilizzare l'opzione di incorporamento del codice HTML: Aggiungere l'elemento HTML → fare clic sul pulsante Modifica codice nel pannello delle impostazioni → specificare il codice per incorporare il player. Di seguito ↓ sono riportati esempi di come ottenere il codice.

Nel Catalogo prodotti è possibile aggiungere un video per presentare il prodotto. A tale scopo, accedere alla scheda prodotto → fare clic sul link "Video" vicino a qualsiasi immagine del prodotto e inserire il link a un video di YouTube, Vimeo o Kinescope o il relativo ID.

Nei Feed è possibile aggiungere sia il video principale del post (che verrà visualizzato all'inizio del post e usato come copertina nell'elenco dei post) sia inserire più video nel testo del post dei Feed.

Per aggiungere il video principale, accedere al campo con l'immagine nella scheda di modifica del post dei Feed → scheda "Video" e incollare il link al video.

Il video verrà visualizzato all'inizio del post.

Per aggiungere un video nel testo del post, fare clic sull'icona più a sinistra → aggiungi un blocco Video → fare clic su di esso e specificare il link al video.

Facendo clic sui tre punti a sinistra del blocco, è possibile cambiare il video.

Il video verrà inserito nel testo del post. Salvare le modifiche.

Successivamente, il video verrà visualizzato nel testo della pagina del post.

È possibile aggiungere video incorporando il codice del player nel blocco di codice HTML. A tal fine, accedere alle impostazioni del player o del servizio per ottenere il codice da incorporare.

Per Kinescope, fare clic sul pulsante con i tre puntini vicino a un video nell'elenco → Incorpora → selezionare il codice reattivo se è necessario adattare il lettore alle dimensioni dello schermo o il codice fisso per aggiungere un lettore di piccole dimensioni e specificarne le dimensioni e la posizione nel codice copiato → incollare il codice ricevuto nel blocco T123 della categoria "Altro" o nell'elemento HTML di Zero Block.