Come aggiungere file audio e video al tuo sito creato con Website Builder

Oltre a utilizzare uno dei nostri numerosi widget, puoi anche aggiungere file audio e video al tuo sito in Website Builder tramite HTML e il componente codice. In questa guida ti spieghiamo come fare.

• Passaggio 1 - Carica il file audio o video sul tuo spazio web
• Passaggio 2 - Apri il Website Builder
• Passaggio 3 - Inserisci il codice nel Website Builder
• Passaggio 4 - Salva e pubblica

Nota: il componente di codice è una funzionalità di Website Builder Premium e Business + E-commerce. Se attualmente utilizzi Starter, puoi passare a un piano superiore oppure utilizzare il widget href"https://help.one.com/hc/en-us/articles/9172763029393hrefYouTube". 

Passaggio 1 - Carica il file audio o video sul tuo spazio web

Per prima cosa, carica il tuo file audio o video sul tuo spazio web utilizzando File Manager o FTP. I file audio devono essere in formato mp3 e quelli video in formato mp4.

1. Accedi al Pannello di controllo di one.com.
2. Apri "File Manager" nella sezione "Impostazioni hosting" nel menu a sinistra.
3. Fai clic su + Carica e seleziona il file audio (mp3) o video (mp4) che desideri incorporare nel tuo sito.
4. Copia il percorso completo del tuo file e incollalo in un file di testo per poterlo utilizzare in seguito.

Passaggio 2 - Apri il Website Builder

1. Apri il Website Builder.
2. Fai clic su "Widget" nel menu dei componenti a sinistra.
3. Scorri verso il basso e seleziona "Codice".

Passaggio 3 - Inserisci il codice nel Website Builder

1. Copia uno degli esempi di codice riportati di seguito e incollalo nel componente codice in Website Builder.
2. Sostituisci FULL PATH nell'esempio di codice con il percorso completo del tuo file audio o video.
3. Fai clic su Salva.

Scegli uno degli esempi riportati di seguito oppure crea il tuo codice utilizzando i tag hrefhttps://www.w3schools.com/tags/tag_audio.asphrefHTML <audio> e HTML <video>. Ricordati di sostituire FULL PATH con il percorso completo del tuo file audio o video.

Audio:

Inserisci un file audio MP3:

<controlli audio>
<source src="PERCORSO COMPLETO" type="audio/mpeg">
</audio>

Inserisci un file audio MP3 che inizi a riprodursi automaticamente:

<audio controls autoplay>
<source src="PERCORSO COMPLETO" type="audio/mpeg">
</audio>

Nota: alcuni browser limitano la riproduzione automatica di file audio o video, anche se li hai inseriti nel codice.

Video:

Inserisci un file video MP4:

<video width="640" height="480" controls>
<source src="PERCORSO COMPLETO" type="video/mp4">
</video>

Inserisci un file video MP4 che inizi la riproduzione automaticamente:

<video width="640" height="480" controls autoplay>
<source src="PERCORSO COMPLETO" type="video/mp4">
</video>

Suggerimento: le dimensioni predefinite del video sono 640x480. È possibile modificare le dimensioni modificando i valori di larghezza e altezza nel codice. È inoltre possibile rendere il video adattivo allo schermo dello spettatore impostando la larghezza su "100%" (width="100%") e l'altezza su "auto" (height="auto").

Passaggio 4 - Salva e pubblica

1. Il componente dovrebbe ora essere stato aggiunto al tuo spazio di lavoro. Trascina il componente nella posizione in cui il file deve trovarsi sul tuo sito.
2. Clicca su "Anteprima" per verificare che l'aspetto sia quello desiderato.
3. Se è tutto a posto, clicca su «Salva e pubblica» per rendere visibili online le modifiche apportate.

Suggerimento: aggiungi al tuo sito un componente box con le stesse dimensioni del tuo video e associa il codice del componente a tale riquadro. In questo modo sarà più facile controllare il posizionamento dell'audio o del video. Le dimensioni del video sono determinate dall'altezza e dalla larghezza specificate nel codice HTML.

Articoli correlati:

• What: cosa posso fare con un componente contenitore?
• Utilizzo dell'editor di visualizzazione per dispositivi mobili