Aggiungere video - Aiuto Framer

Last updated on 10/16/2025@mrbirddev
Aggiungere video - Aiuto Framer

Aggiungere video

Puoi migliorare il tuo sito web aggiungendo video, caricando un file locale o incorporando contenuti da piattaforme come YouTube e Vimeo.

Per aggiungere un video al tuo sito, clicca sul pulsante Inserisci e vai alla sezione Media. Poi, trascina e rilascia un componente video sulla Tela. Puoi scegliere tra tre opzioni: un componente video nativo, YouTube o Vimeo.

Imposta un'immagine poster da utilizzare come miniatura del video. Questa immagine è utilizzata da Google e altri motori di ricerca per mostrare un'anteprima nei risultati di ricerca e nei frammenti. Il poster dovrebbe essere almeno 60 x 30 px. Mentre Framer ottimizza il caricamento dei video, non ottimizza il contenuto video stesso.

Screenshot del pannello "Media" nel menu "Inserisci" che mostra tutti i diversi componenti Immagine e video.

Incorporare da YouTube o Vimeo

Per incorporare video da YouTube o Vimeo, inserisci semplicemente l'URL del video nel componente corrispondente. Il video verrà incorporato direttamente sulla Tela.

Per video locali o MP4 ospitati, utilizza il componente Video. Puoi personalizzare le seguenti proprietà:

  • Riproduzione automatica
  • Immagini poster
  • Raggio del bordo
  • Ripetizione
  • Dimensionamento

Screenshot del menu a destra che mostra le diverse opzioni del componente Youtube all'interno di Framer.

Video in riproduzione automatica

I browser moderni, come Chrome e Safari, richiedono che i video in riproduzione automatica siano silenziati per impostazione predefinita. Se il tuo video ha audio, è meglio avviare la riproduzione dopo un'interazione dell'utente (come cliccare un pulsante). Puoi anche consultare la nostra guida su come riprodurre video quando entrano in vista.

Accessibilità dei video

Per i video senza traccia audio, includi una descrizione testuale sotto il video per riassumere il suo contenuto. Vedi esempi qui.

Torna all'aiuto di Framer

Last updated on 10/16/2025@mrbirddev
Recent Articles
Loading...