Guide/Contenuti multimediali/Personalizzare il lettore VideoPress

Personalizzare il lettore VideoPress

Puoi personalizzare il lettore VideoPress per adattarlo al design del tuo sito e controllare come vengono presentati i tuoi video. In questa guida imparerai a regolare le dimensioni del lettore, impostare un’immagine poster personalizzata, attivare o disattivare le funzionalità di riproduzione e personalizzare la barra di avanzamento.

Tutorial video

Questo video è in inglese.
YouTube offre funzioni di traduzione automatica per permetterti di guardarlo nella tua lingua:

Per visualizzare i sottotitoli tradotti automaticamente:

  1. Riproduci il video.
  2. Fai clic su ⚙️ Impostazioni (in basso a destra nel video).
  3. Seleziona Sottotitoli/CC.
  4. Scegli Traduzione automatica.
  5. Seleziona la lingua che preferisci.

Per ascoltare il doppiaggio automatico (sperimentale):

  1. Fai clic su ⚙️ Impostazioni.
  2. Seleziona Traccia audio.
  3. Scegli la lingua in cui vuoi ascoltare il video.

ℹ️ Le traduzioni e i doppiaggi sono generati automaticamente da Google, potrebbero non essere perfetti e il doppiaggio automatico è ancora in fase di test, quindi potrebbe non essere disponibile per tutte le lingue.

Modificare le dimensioni del lettore

Per ridimensionare il lettore VideoPress direttamente nell’editor di WordPress, segui questi passaggi:

  1. Fai clic sul blocco VideoPress per selezionarlo.
  2. Individua i punti di ridimensionamento (quadratini) lungo i bordi o negli angoli del player video.
  3. Fai clic e trascina uno dei punti per regolare la larghezza o l’altezza del player in base alle tue preferenze.
  4. Rilascia il pulsante del mouse per confermare le nuove dimensioni.
  5. Fai clic su Salva o Pubblica per applicare le modifiche.

Scegliere una miniatura

L’immagine poster è la miniatura mostrata prima della riproduzione del video. Puoi scegliere un frame dal tuo video o caricare un’immagine personalizzata.

  1. Seleziona il blocco VideoPress, quindi apri la barra laterale delle impostazioni del blocco.
    • Se non vedi la barra laterale, fai clic sull’icona Impostazioni nell’angolo in alto a destra.
  2. Nella sezione Poster e anteprima, scegli una delle seguenti opzioni:
    • Scegli dal fotogramma video: scorri la timeline del video per selezionare un fotogramma come immagine poster.
    • Seleziona Immagine Poster: carica una nuova immagine o selezionane una dalla Libreria multimediale.
  3. Puoi anche attivare o disattivare l’opzione per visualizzare un “Anteprima video al passaggio del mouse” per consentire ai visitatori di scansionare i contenuti video.
  4. Fai clic su Salva o Pubblica per applicare le modifiche.
L'opzione Poster e anteprima della barra laterale delle impostazioni del blocco VideoPress.

💡

Per una qualità ottimale, utilizza un’immagine poster grande almeno quanto la risoluzione del video (ad esempio, un’immagine 1920 x 1080 per un video 1080p).

Personalizzare la riproduzione

Puoi controllare come viene riprodotto il tuo video e quali opzioni sono disponibili ai visitatori.

  1. Seleziona il blocco VideoPress, quindi apri la barra laterale delle impostazioni del blocco.
    • Se non vedi la barra laterale, fai clic sull’icona Impostazioni nell’angolo in alto a destra.
  2. In Riproduzione, regola le seguenti opzioni:
    • Riproduzione automatica: avvia automaticamente il video quando la pagina viene caricata.
      Promemoria Alcuni browser potrebbero bloccare la riproduzione automatica se il video non è silenziato.
    • Ripeti: riproduci il video ripetutamente.
    • Silenziato: avvia il video con l’audio disattivato. Gli spettatori possono riattivarlo se lo desiderano.
    • Mostra i controlli: mostra o nascondi i controlli di riproduzione (riproduzione, pausa, volume, ecc.).
    • Riproduci in linea: consenti la riproduzione del video in linea invece che a schermo intero sui dispositivi mobili.
    • Precaricamento: scegli quanta parte del video caricare al caricamento della pagina (nessuno, metadati, automatico).
  3. Fai clic su Salva o Pubblica per applicare le modifiche.
Le opzioni di riproduzione nella barra laterale delle impostazioni del blocco VideoPress.

Modificare il colore della barra di avanzamento

Puoi personalizzare il colore della barra di avanzamento per adattarla meglio al tuo design di video o sito.

  1. Seleziona il blocco VideoPress, quindi apri la barra laterale degli stili del blocco.
    • Se non vedi la barra laterale, fai clic sull’icona Impostazioni nell’angolo in alto a destra.
  2. Il colore dinamico è attivo per impostazione predefinita e adatta i colori al video durante la riproduzione.
  3. Disattiva l’opzione per impostare i colori:
    • Principale: il colore predefinito della barra di avanzamento.
    • Caricato: il colore della barra una volta caricato il video.
    • Avanzamento: il colore della barra durante il caricamento del video.
  4. Fai clic su Salva o Pubblica per applicare le modifiche.

Regolare la spaziatura interna e i margini

Regola la spaziatura interna e i margini intorno al lettore VideoPress dalle impostazioni delle dimensioni della barra laterale degli stili del blocco.

Shortcode di VideoPress

Inoltre, seguendo questi passaggi puoi inserire un video e controllarne le dimensioni utilizzando uno shortcode:

  1. Nella tua bacheca, fai clic su Media.
  2. Fai clic sul video per cui desideri lo shortcode.
  3. Copia lo shortcode fornito cliccando sul pulsante Copia, come illustrato nell’immagine di seguito.
    • Uno shortcode VideoPress inizia con il simbolo [, seguito da wpvideo o videopress, una stringa di caratteri e il simbolo di chiusura ].
    • Ad esempio:

[wpvideo YN4MKhAB]

La sezione inferiore di una pagina dei dettagli del video in Elementi multimediali, con lo shortcode evidenziato.
  1. Modifica l’articolo o la pagina su cui desideri visualizzare il video.
  2. Fai clic su + inseritore di blocchi e aggiungi un blocco Shortcode.
  3. Incolla lo shortcode ottenuto al passaggio 3, quindi aggiungi w=XXX prima della parentesi di chiusura per specificare la larghezza in pixel come segue:

[wpvideo YN4MKhAB w=400]

Puoi impostare una larghezza superiore o inferiore per il video, purché sia compatibile con la larghezza della colonna degli articoli del tema.

Attributi degli shortcode di VideoPress

Lo shortcode può accettare i seguenti attributi per modificare il comportamento predefinito:

  • w=X per la larghezza in pixel, non includere le unità.
  • h=Y per l’altezza in pixel, non includere le unità.
  • hd=true/false per forzare la riproduzione HD.
  • freedom=true/false per forzare l’utilizzo esclusivo di formati video open-source.
  • autoplay=true/false per riprodurre automaticamente il video quando carica.
  • loop=true/false per riprodurre automaticamente il video all’infinito.
  • controls=false per nascondere i controlli video predefiniti durante la visualizzazione di un video.

Puoi utilizzare gli attributi desiderati inserendoli prima della parentesi quadra di chiusura: [wpvideo OcobLTqC attributo=valore]. Ad esempio:

[wpvideo OcobLTqC w=640 h=400 autoplay=true loop=true]

Copied to clipboard!