Media - Video

Utilizza il Video tipo di contenuto per aggiungere un video in hosting su YouTube o Vimeo al Page Builder fase. È facile incorporare i video in una pagina o in un blocco oppure nelle descrizioni di prodotti e categorie.

Video nella home page della vetrina {width="700" modal="regular"}

NOTE
Se stai apportando modifiche significative a Page Builder è consigliabile aumentare il Durata sessione amministratore per evitare il timeout della sessione mentre si lavora.

Casella degli strumenti Video

Casella degli strumenti Video {width="600" modal="regular"}

Strumento
Icona
Descrizione
Sposta
Icona Sposta {width="25"}
Sposta il video in un'altra posizione sullo stage.
(etichetta)
Video
Identifica il contenitore di contenuto corrente sotto forma di video. Passa il cursore del mouse sul contenitore di immagini per visualizzare la casella degli strumenti.
Impostazioni
Icona Impostazioni {width="25"}
Apre il Edit Video, in cui è possibile modificare le proprietà del video e del contenitore.
Nascondi
Nascondi icona {width="25"}
Nasconde il video corrente.
Spettacolo
Mostra icona {width="25"}
Mostra il video nascosto.
Duplica
Icona Duplica {width="25"}
Crea una copia del video.
Rimuovi
Icona Rimuovi {width="25"}
Elimina il video dall'area di visualizzazione.
NOTE
Gli elementi nascosti vengono memorizzati nel database e invisibili ai clienti. Tuttavia, questi elementi sono visibili ai motori di ricerca e ad altri bot che eseguono la ricerca per indicizzazione del sito. Vengono inoltre restituiti come parte del contenuto se richiesto tramite una chiamata API con un attributo di invisibilità, a meno che non vengano rimossi dall’area di visualizzazione.

Aggiungi un video

  1. Prima di iniziare, passare alla YouTube o Vimeo video da incorporare e copia il collegamento.

    In alternativa, è possibile copiare un collegamento diretto in un file video valido. Consulta Impostazioni video di base per collegamenti validi.

  2. In Commerce Amministratore, torna a Page Builder in cui desideri aggiungere il video.

  3. In Page Builder pannello, espandere Media e trascina un Video segnaposto nell'area di visualizzazione.

    Trascinamento di un segnaposto video nell’area di visualizzazione {width="600" modal="regular"}

  4. Passa il puntatore del mouse sul contenitore video per visualizzare la casella degli strumenti e scegli Impostazioni ( Icona Impostazioni {width="20"} ).

  5. Per Video URL, incolla l’URL del video copiato.

    L’URL del Page Builder il video utilizzato in questo esempio è: https://www.youtube.com/watch?v=Y0KNS7C5dZA.

  6. Per limitare Maximum Width del video, immetti la larghezza massima in pixel.

    Se vuoto, il video ha la larghezza consentita dal contenitore, consentendo margini e spaziatura.

  7. Nell’angolo superiore destro, fai clic su Save per applicare le impostazioni e tornare al Page Builder Workspace.

Modificare le impostazioni video

  1. Passa il puntatore del mouse sul contenitore video per visualizzare la casella degli strumenti e scegli Impostazioni ( Icona Impostazioni {width="20"} ).

  2. Modificate le impostazioni in base alle sezioni riportate di seguito.

  3. Nell’angolo superiore destro, fai clic su Save per applicare le impostazioni e tornare al Page Builder Workspace.

Impostazioni video di base

  1. Per modificare il video corrente, aggiorna il Video URL.

    Immetti un URL video valido. Gli URL video validi possono essere collegamenti a:

    • Video su YouTube: https://youtu.be/CoDhMRUUjeI
    • Video su Vimeo: https://vimeo.com/190156113
    • File video validi (.mp4 consigliato): https://myvideos.com/spiral.mp4
  2. Per modificare la larghezza consentita per il video nella vetrina, immetti il nuovo Maximum Width in pixel.

    Se vuoto, il video estende l’intera larghezza del contenitore, meno margini e spaziatura interna.

  3. Per avviare automaticamente il video dopo il caricamento della pagina, imposta Autoplay a Yes.

    Se Riproduzione automatica è impostato su Yes, il video viene disattivato durante la riproduzione in base ai criteri. Tuttavia, anche con questa impostazione, i dispositivi mobili non possono riprodurre automaticamente i video. Per ulteriori informazioni su questi criteri, consulta le seguenti risorse per sviluppatori:

    Se Riproduzione automatica è impostato su No, il video viene riprodotto solo su richiesta dell’utente.

Advanced

  1. Per controllare il posizionamento orizzontale del video all’interno del contenitore, scegli un’ Alignment:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
    Opzione Descrizione
    Default Applica l'impostazione predefinita di allineamento specificata nel foglio di stile del tema corrente.
    Left Allinea il contenuto lungo il bordo sinistro del contenitore video, tenendo conto di eventuali spaziature specificate.
    Center Allinea il contenuto al centro del contenitore video, tenendo conto di eventuali spaziature specificate.
    Right Allinea il contenuto lungo il bordo destro del contenitore video, tenendo conto di eventuali spaziature specificate.
  • Imposta il Border stile applicato a tutti e quattro i lati del contenitore video:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
    Opzione Descrizione
    Default Applica lo stile di bordo predefinito specificato dal foglio di stile associato.
    None Non fornisce alcuna indicazione visibile dei bordi del contenitore.
    Dotted Il bordo del contenitore viene visualizzato come una linea tratteggiata.
    Dashed Il bordo del contenitore viene visualizzato come una linea tratteggiata.
    Solid Il bordo del contenitore viene visualizzato come linea continua.
    Double Il bordo del contenitore viene visualizzato come una doppia riga.
    Groove Il bordo del contenitore viene visualizzato come una linea scanalata.
    Ridge Il bordo del contenitore viene visualizzato come una linea scanalata.
    Inset Il bordo del contenitore viene visualizzato come una linea interna.
    Outset Il bordo del contenitore viene visualizzato come una linea di contorno.
  • Se si imposta uno stile di bordo diverso da None, completare le opzioni di visualizzazione del bordo:

    Colore bordo {width="600" modal="regular"}

    table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
    Opzione Descrizione
    Border Color Specificate il colore scegliendo un campione, facendo clic sul selettore del colore oppure immettendo un nome di colore valido o un valore esadecimale equivalente.
    Border Width Immettere il numero di pixel per lo spessore della linea del bordo.
    Border Radius Immettere il numero di pixel per definire la dimensione del raggio utilizzato per arrotondare ogni angolo del bordo.
  • (Facoltativo) Specifica i nomi di CSS classes dal foglio di stile corrente per applicarlo al contenitore video.

    Separare più nomi di classe con uno spazio.

  • Immetti i valori, in pixel, per il Margins and Padding per specificare i margini esterni e la spaziatura interna del contenitore video.

    Immetti ogni valore corrispondente nel diagramma contenitore video.

    table 0-row-2 1-row-2 2-row-2 layout-auto
    Area contenitore Descrizione
    Margins Quantità di spazio vuoto applicata al bordo esterno di tutti i lati del contenitore.
    Padding Quantità di spazio vuoto applicata al bordo interno di tutti i lati del contenitore.

Spostare un video

  1. Passa il puntatore del mouse sul contenitore video per visualizzare la casella degli strumenti e scegli Sposta ( Icona Sposta {width="20"} ).

    Spostamento di un video {width="500" modal="regular"}

  2. Seleziona e trascina il video nella nuova posizione, appena sotto la linea guida rossa.

    Utilizzo della linea guida rossa per inserire il video {width="500" modal="regular"}

Rimuovere un video dall'area di visualizzazione

  1. Passa il puntatore del mouse sul contenitore video per visualizzare la casella degli strumenti e scegli Rimuovi ( Icona Rimuovi ).

  2. Quando viene richiesto di confermare, fai clic su OK.

recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d