Video - Aiuto Webflow
L'elemento video ti consente di incorporare un video, ospitato su un sito di terze parti come YouTube o Vimeo, ovunque sul tuo sito.
Come aggiungere un video
Ci sono due modi per aggiungere un elemento video al tuo sito:
- Apri il Pannello Aggiungi e trascina un elemento video sulla tua tela Webflow
- Premi Comando + E (su Mac) o Control + E (su Windows) per aprire Ricerca rapida e cerca l'elemento video
Come formattare le impostazioni video
Una volta posizionato un elemento video sulla tua tela, avrai accesso alle Impostazioni video dove puoi aggiungere un URL e un titolo. Per accedere rapidamente alle Impostazioni video:
- Fai doppio clic sull'elemento video
- Seleziona l'elemento video e vai al Pannello impostazioni elemento (D)
Incolla il tuo URL video, aggiungi un titolo se lo desideri, e premi Invio / Return. L'anteprima del tuo video apparirà nell'elemento video.
Fonti video supportate
- YouTube (se desideri più controllo sul tuo video YouTube, prova a usare un elemento video YouTube)
- Vimeo
- DailyMotion
- KickStarter (basta incollare l'URL principale della campagna e Webflow prenderà il video principale della campagna)
- TED (supporto multilingue)
- Wistia
- Ustream
- Livestream
- Twitch
- Tudou
- Hulu
- SproutVideo
- Vidzflow
Come impostare le dimensioni del video
L'elemento video rispetta le dimensioni del suo contenitore padre (ad esempio, se lo inserisci in un blocco div, occuperà l'intera larghezza di quel blocco div). Se desideri impostare una larghezza e un'altezza personalizzate per il tuo video, puoi creare un blocco div personalizzato. Per farlo, trascina un blocco div dal Pannello Aggiungi e assegna al blocco div un valore di larghezza e un valore di altezza. Ora, se trascini il tuo video in questo blocco div personalizzato, si adatterà a quelle dimensioni.
Altri modi per aggiungere video al tuo sito
Puoi anche aggiungere video al tuo sito utilizzando altri elementi, tra cui:
- Video di YouTube
- Video di sfondo
- Lightbox
- Testo ricco
- Codice personalizzato incorporato
Elemento video di YouTube
L'elemento video di YouTube ti consente di incorporare un video da un URL di YouTube. Questo elemento ti offre tutte le opzioni di visualizzazione offerte dalla funzione di incorporamento di YouTube, inclusa la possibilità di mostrare video correlati da un canale, impostare un orario di inizio specifico, mostrare o nascondere i controlli video e altro ancora. Scopri di più sull'elemento video di YouTube.
Elemento video di sfondo
L'elemento video di sfondo ti consente di aggiungere sfondi in movimento senza audio. A differenza dell'elemento video che supporta solo i link di YouTube e Vimeo, l'elemento video di sfondo può accettare qualsiasi file video che carichi. Gli elementi video di sfondo sono dotati anche di un interruttore play/pausa integrato, così i visitatori del sito possono riprodurre o mettere in pausa il video di sfondo a loro piacimento. Scopri di più sull'elemento video di sfondo.
Elemento Lightbox
L'elemento lightbox consente ai visitatori del sito di aprire un video in un popup modale. Simile all'elemento video, il lightbox supporta i link di YouTube e Vimeo. Scopri di più sull'elemento lightbox.
Elemento di testo ricco e campo di testo ricco
L'elemento di testo ricco consente di aggiungere anche video. Questo è ancora più potente quando lo si utilizza per estrarre i dati da un campo di testo ricco in una Collezione CMS. In alternativa, è possibile utilizzare anche un elemento video per estrarre dinamicamente i dati dal campo video di una Collezione. Scopri di più sui campi video delle Collezioni.
Come incorporare video usando codice personalizzato
È possibile aggiungere anche video HTML utilizzando l'elemento di incorporamento:
- Vai al Pannello Aggiungi
- Trascina un elemento di incorporamento sulla tela
- Incolla il tuo codice video (Scopri di più sugli elementi video in HTML)
- Clicca su Salva e chiudi