# AX - Video

## Panoramica

**AX - Video** è un componente di Experience Cloud che incorpora lettori video nelle pagine dei siti Experience e supporta YouTube, Vimeo, Salesforce Content Documents e URL diretti di file video.

Usalo per visualizzare contenuti formativi, demo di prodotto, tutorial o video di supporto direttamente nel tuo portale. Recupera le sorgenti video dai valori dei campi per mostrare video diversi per record e configura opzioni di riproduzione come riproduzione automatica, ripetizione e controlli del lettore in Experience Builder.

Perfetto per videoteche, centri di formazione, dimostrazioni di prodotto, contenuti di onboarding o ovunque gli utenti del portale abbiano bisogno di contenuti video senza essere reindirizzati a siti esterni.

***

## Per iniziare

Usa questo semplice tutorial per apprendere le basi del componente Video e iniziare a realizzare i tuoi casi d'uso.

{% @arcade/embed flowId="Khgc427v5m7NGLo2BzYL" url="<https://app.arcade.software/share/Khgc427v5m7NGLo2BzYL>" %}

***

## Proprietà

| Nome                         | Descrizione                                                                                                                       | Utilizzo                                                                                                                                                                                                                     |
| ---------------------------- | --------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **CMS Video O URL Video**    | Definisci la sorgente del video, selezionando un video da un CMS oppure fornendo un URL diretto di YouTube                        | Scegli la sorgente video che meglio si allinea alla tua strategia dei contenuti, assicurandoti che sia integrata e gestita in modo efficace all'interno delle tue pagine.                                                    |
| **Volume**                   | Imposta un'immagine di sfondo per il contenitore.                                                                                 | Carica o fornisci un URL per un'immagine che migliori l'aspetto visivo del contenitore, contribuendo all'atmosfera o al tono tematico che desideri trasmettere.                                                              |
| **Velocità di riproduzione** | Applica una sovrapposizione di colore sopra l'immagine di sfondo.                                                                 | Scegli un colore che si sovrapponga in modo discreto all'immagine di sfondo, contribuendo a mantenere la visibilità e la leggibilità del contenuto all'interno del contenitore.                                              |
| **Riproduzione automatica**  | Decidi se il video deve iniziare automaticamente la riproduzione quando la pagina viene caricata.                                 | Abilita o disabilita la riproduzione automatica in base a considerazioni sull'esperienza utente, assicurandoti che la riproduzione del video sia in linea con le aspettative e il comportamento di navigazione degli utenti. |
| **Ripeti**                   | Determina se il video deve ripetersi continuamente una volta raggiunta la fine.                                                   | Usa la funzione di ripetizione per mantenere il video in riproduzione continua, adatta per elementi visivi di sfondo o una presenza multimediale costante in una pagina.                                                     |
| **Nascondi controlli**       | Scegli se mostrare o nascondere i controlli video, influenzando il modo in cui gli utenti interagiscono con il contenuto video.   | Personalizza la visibilità dei controlli in base al livello desiderato di interazione dell'utente e alle considerazioni estetiche del layout della tua pagina.                                                               |
| **Dimensione**               | Definisci i parametri di dimensione del video, inclusi **`larghezza`** e **`altezza`**, e controlla il comportamento di overflow. | Regola le dimensioni del video e le impostazioni di overflow per garantire che il video si integri perfettamente nella pagina, mantenendo un layout responsivo e visivamente coerente.                                       |

***

## Esempi di casi d'uso

### Esempio 1: Video di prodotto

{% @arcade/embed flowId="UHUg1GHG21hrQs1cBnJ2" url="<https://app.arcade.software/share/UHUg1GHG21hrQs1cBnJ2>" %}

#### Dai vita ai tuoi prodotti con video incorporati

Incorpora video demo di prodotto direttamente nelle pagine dei prodotti, offrendo ai clienti accesso immediato alle informazioni di cui hanno bisogno, proprio dove servono. Il risultato è un'esperienza self-service più ricca che aumenta la fiducia nel prodotto e riduce le richieste di supporto in entrata.

***

#### Cosa otterrai

* **Comprensione più approfondita del prodotto:** Offri a clienti e partner accesso immediato a demo, panoramiche e tutorial sui prodotti senza mai lasciare la pagina.
* **Maggiore adozione del self-service:** Riduci le richieste di supporto in entrata consentendo agli utenti di trovare le risposte in modo visivo, al proprio ritmo.

***

#### Prerequisiti

Assicurati che siano presenti i seguenti elementi:

* **Pagine dell'oggetto Prodotto: configurate e attive su** il tuo sito Experience Cloud.
* **ProductDemoURL\_\_c :** Un campo personalizzato sull'oggetto Prodotto per memorizzare l'URL del video di ciascun prodotto.

***

#### Come configurarlo

{% stepper %}
{% step %}

#### **Aggiungi il componente**

* Apri Experience Builder e vai alla pagina dell'articolo del tuo prodotto. Trascina il **AX - Video** componente nella pagina nel punto desiderato.
  {% endstep %}

{% step %}

#### **Collega i tuoi dati**

* Seleziona una fonte dati e mappa il campo URL del video per recuperare dinamicamente il link da ogni record di prodotto.
* URL video : `{!Item.ProductDemoURL__c}`
  {% endstep %}

{% step %}

#### **Regola l'aspetto**

* Imposta la larghezza del componente su **500px**, oppure regolala per adattarla al layout della tua pagina.
  {% endstep %}

{% step %}

#### **Anteprima e pubblicazione**

* Usa l'anteprima integrata per verificare che il video venga visualizzato correttamente nelle pagine dei tuoi prodotti, quindi pubblica quando sei pronto.
  {% endstep %}
  {% endstepper %}
