Oltre a utilizzare uno dei nostri numerosi widget, puoi anche aggiungere audio e video al tuo sito in Website Builder con HTML e il componente di codice. In questa guida, spieghiamo come.
- Passo 1 - Carica il file audio o video nel tuo spazio web
- Passo 2 - Apri Website Builder
- Passo 3 - Incorpora il codice in Website Builder
- Passo 4 - Salva e pubblica
Nota: il componente di codice è una funzionalità di Website Builder Premium e Business + Ecommerce. Se attualmente utilizzi Starter, puoi aggiornare il tuo livello o utilizzare invece il widget YouTube.
Passo 1: Carica il file audio o video nel tuo spazio web
Innanzitutto, carica il tuo file audio o video nel tuo spazio web utilizzando File Manager o FTP. L'audio deve essere in formato mp3 e il video in mp4.
- Accedi al pannello di controllo di one.com.
- Apri File Manager nel riquadro Files & Security.
- Fai clic su + Carica e seleziona il file audio (mp3) o video (mp4) che desideri incorporare nel tuo sito.
- Copia il percorso completo del file e incollalo in un file di testo per un uso successivo.
Passo 2: Apri Website Builder
- Apri Website Builder.
- Fai clic su Widget nel menu dei componenti a sinistra.
- Scorri verso il basso e seleziona Codice.
Passo 3 - Incorporare il codice in Website Builder
- Copia uno degli esempi di codice riportati di seguito e incollalo nel componente di codice in Website Builder.
- Sostituisci FULL PATH nell'esempio di codice con il percorso completo del tuo file audio o video.
- Fai clic su Salva.
Scegli uno degli esempi seguenti o crea il tuo codice con il tag HTML<audio> e il tag HTML<video>. Ricordati di sostituire FULL PATH con il percorso completo del tuo file audio o video.
Audio:
Incorpora un file audio mp3:
<audio controls>
<source src="FULL PATH" type="audio/mpeg">
</audio>
Incorpora un file audio mp3 che inizia a essere riprodotto automaticamente:
<audio controls autoplay>
<source src="FULL PATH" type="audio/mpeg">
</audio>
Nota: alcuni browser limitano la riproduzione automatica di audio o video, anche se li hai aggiunti al codice.
Video:
Incorpora un file video mp4:
<video width="640" height="480" controls>
<source src="FULL PATH" type="video/mp4">
</video>
Incorpora un file video mp4 che inizia a essere riprodotto automaticamente:
<video width="640" height="480" controls autoplay>
<source src="FULL PATH" type="video/mp4">
</video>
Suggerimento: la dimensione predefinita del video è 640x480. È possibile modificare le dimensioni regolando i numeri relativi alla larghezza e all'altezza nel codice. Puoi anche rendere il video reattivo allo schermo dello spettatore modificando la larghezza in "100%" (width="100%") e l'altezza in «auto» (height="auto").
Passo 4 - Salva e pubblica
- Il componente sarà ora aggiunto al tuo spazio di lavoro. Trascina il componente nel punto in cui deve essere posizionato il file sul tuo sito.
- Fai clic su Anteprima per verificare se ha l'aspetto desiderato.
- Se tutto va bene, fai clic su Salva e pubblica per rendere le modifiche visibili online.
Suggerimento: aggiungi un componente box al tuo sito con le stesse dimensioni del tuo video e allega il componente di codice alla casella. Semplifica il controllo del posizionamento dell'audio o del video. La dimensione del video è determinata dall'altezza e dalla larghezza nel codice HTML.
Articoli correlati: