Media - Video

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Argomenti:

Creato per:

Principiante
Intermedio
Utente

Utilizza il tipo di contenuto Video per aggiungere un video in hosting su YouTube o Vimeo alla 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

NOTE

Se si apportano modifiche significative al contenuto di Page Builder, è consigliabile aumentare la durata della sessione di amministrazione per evitare il timeout della sessione mentre si lavora.

Casella degli strumenti Video

Casella degli strumenti video

Strumento

Icona

Descrizione

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

{width="25"}

Apre la pagina Edit Video, in cui è possibile modificare le proprietà del video e del contenitore.

Nascondi

{width="25"}

Nasconde il video corrente.

Spettacolo

{width="25"}

Mostra il video nascosto.

Duplica

{width="25"}

Crea una copia del video.

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

Prima di iniziare, passa al video YouTube o Vimeo che desideri incorporare e copia il collegamento.

In alternativa, è possibile copiare un collegamento diretto in un file video valido. Per collegamenti validi, consulta Impostazioni video di base.
Nell'amministratore Commerce, tornare all'area di lavoro Page Builder in cui si desidera aggiungere il video.
Nel pannello Page Builder, espandere Media e trascinare un segnaposto Video nell'area di visualizzazione.

{width="600" modal="regular"}
Passa il puntatore del mouse sul contenitore video per visualizzare la casella degli strumenti e scegli l'icona Impostazioni ( {width="20"} ).
Per Video URL, incolla l'URL del video copiato.

URL del video Page Builder utilizzato in questo esempio: https://www.youtube.com/watch?v=Y0KNS7C5dZA.
Per limitare il Maximum Width del video, immetti la larghezza massima in pixel.

Se vuoto, il video ha la larghezza consentita dal contenitore, consentendo margini e spaziatura.
Nell'angolo superiore destro fare clic su Save per applicare le impostazioni e tornare all'area di lavoro Page Builder.

Modificare le impostazioni video

Passa il puntatore del mouse sul contenitore video per visualizzare la casella degli strumenti e scegli l'icona Impostazioni ( {width="20"} ).
Modificate le impostazioni in base alle sezioni riportate di seguito.
- Base
- Avanzate
Nell'angolo superiore destro fare clic su Save per applicare le impostazioni e tornare all'area di lavoro Page Builder.

Impostazioni video di base

Per modificare il video corrente, aggiornare 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
Per modificare la larghezza consentita per il video nella vetrina, immettere il nuovo Maximum Width in pixel.

Se vuoto, il video estende l’intera larghezza del contenitore, meno margini e spaziatura interna.
Per avviare automaticamente il video dopo il caricamento della pagina, impostare Autoplay su 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

Per controllare il posizionamento orizzontale del video all'interno del contenitore, scegliere 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 lo stile Border 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) Specificare i nomi di CSS classes dal foglio di stile corrente da applicare al contenitore video.

Separare più nomi di classe con uno spazio.

Immettere i valori, in pixel, per 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

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

{width="500" modal="regular"}
Seleziona e trascina il video nella nuova posizione, appena sotto la linea guida rossa.

{width="500" modal="regular"}

Rimuovere un video dall'area di visualizzazione

Passa il puntatore del mouse sul contenitore video per visualizzare la casella degli strumenti e scegli l'icona Rimuovi ( ).
Quando viene richiesto di confermare, fare clic su OK.

recommendation-more-help

85b60248-86a4-4d5f-9933-5179643f608d