> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-it/experience-components/ax-video.md). # 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 mostrare contenuti formativi, demo di prodotto, tutorial o video di supporto direttamente nel tuo portale. Recupera le origini video dai valori dei campi per mostrare video diversi per record e configura opzioni di riproduzione come riproduzione automatica, loop e controlli del player in Experience Builder. Perfetto per librerie video, 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 imparare le basi del componente Video e iniziare a creare i tuoi casi d'uso. {% @arcade/embed url="" flowId="Khgc427v5m7NGLo2BzYL" %} *** ## Proprietà | Nome | Descrizione | Utilizzo | | ---------------------------- | ----------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Video CMS O URL video** | Definisci l'origine del video, selezionando un video da un CMS oppure fornendo un URL diretto di YouTube | Scegli l'origine video che si allinea meglio 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'appeal 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, aiutando a mantenere la visibilità e la leggibilità dei contenuti 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 alle considerazioni sull'esperienza utente, assicurandoti che la riproduzione video sia in linea con le aspettative degli utenti e il comportamento di navigazione. | | **Loop** | Determina se il video deve ripetersi continuamente una volta raggiunta la fine. | Usa la funzione di loop per mantenere il video in riproduzione ripetuta, adatta per elementi visivi di sfondo o una presenza multimediale costante in una pagina. | | **Nascondi controlli** | Scegli se visualizzare 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 pagina. | | **Dimensione** | Definisci i parametri dimensionali 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 reattivo e visivamente coerente. | *** ## Esempi di casi d'uso ### Esempio 1: Video del prodotto {% @arcade/embed url="" flowId="UHUg1GHG21hrQs1cBnJ2" %} #### Dai vita ai tuoi prodotti con video incorporati Incorpora video dimostrativi dei prodotti direttamente nelle pagine prodotto, 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 ingresso. *** #### Cosa otterrai * **Comprensione più approfondita del prodotto:** Offri a clienti e partner accesso immediato a demo, presentazioni guidate e tutorial senza mai lasciare la pagina. * **Maggiore adozione del self-service:** Riduci le richieste di supporto in ingresso 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 video di ogni prodotto. *** #### Come configurarlo {% stepper %} {% step %} #### **Aggiungi il componente** * Apri Experience Builder e vai alla pagina dell'articolo del prodotto. Trascina il **AX - Video** componente sulla pagina nella posizione desiderata. {% endstep %} {% step %} #### **Collega i tuoi dati** * Seleziona un'origine dati e associa il campo URL video per recuperare dinamicamente il link da ogni record prodotto. * URL video : `{!Item.ProductDemoURL__c}` {% endstep %} {% step %} #### **Regola l'aspetto** * Imposta la larghezza del componente su **500px**, o adattala al layout della pagina. {% endstep %} {% step %} #### **Anteprima e pubblica** * Usa l'anteprima integrata per confermare che il video venga visualizzato correttamente in tutte le pagine prodotto, quindi pubblica quando sei pronto. {% endstep %} {% endstepper %} --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-it/experience-components/ax-video.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.