Pode adicionar áudio e vídeo ao seu site no Website Builder com HTML e o componente de código. Neste guia, explicamos comof fazê-lo.

Passo 1 – Carregar o ficheiro de áudio ou vídeo para o seu espaço web

Passo 2 – Abrir o Website Builder

Passo 3 – Embutir o código no Website Builder

Passo 4 – Guardar e Publicar

Nota: com o componente Vídeo, pode embutir vídeos do Youtube. Deste modo, o seu vídeo está localizado noutro sítio e não conta para a utilização do seu disco. Pode encontrá-lo no menu de componentes à esquerda em Mais > Vídeo.

---

Passo 1 – Carregar o ficheiro de áudio ou vídeo para o seu espaço web

Em primeiro lugar, precisa de carregar o seu ficheiro de áudio ou vídeo para o seu espaço web utilizando o File Manager ou FTP. O ficheiro de áudio deve estar em formato mp3 e o ficheiro de vídeo em mp4.

1. Inicie sessão no painel de controlo one.com.
2. Abra o File Manager na secção Ficheiros e Segurança.
3. Clique em + Carregar e selecione o ficheiro de áudio (mp3) ou vídeo (mp4) que pretende embutir no seu site.
4. Copie o caminho completp para o seu ficheiro e cole-o num ficheiro de texto para utilização posterior.

---

Passo 2 – Abrir o Website Builder

1. Abra o Website Builder.
2. Clique em Código no menu de componentes à esquerda.
3. Clique no ícone de expandir para uma visualização maior.

---

Passo 3 – Embutir o código no Website Builder

1. Copie um dos modelos de código abaixo e cole-a no componente de código no Website Builder.
2. Substitua "CAMINHO COMPLETO" no modelo de código pelo caminho completo para o seu ficheiro de áudio ou vídeo.
3. Clique em Guardar.
4. Clique em Adicionar, para inseri-lo na sua área de trabalho.

Escolha um dos exemplos abaixo, ou crie o seu próprio código com a tag HTML <audio> e a tag HTML <video>. Não se esqueça de substituir CAMINHO COMPLETO pelo caminho completo para o seu ficheiro de áudio ou vídeo.

Embutir um ficheiro de áudio mp3:

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

Embutir um ficheiro áudio mp3 que comece a ser reproduzido automaticamente:

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

Nota: alguns navegadores limitam a reprodução automática de áudio ou vídeo, apesar de adicionar o seu código.

Embutir um ficheiro de vídeo mp4:

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

Embutir um ficheiro de vídeo mp4 que comece a ser reproduzido automaticamente:

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

Dica: O tamanho padrão do vídeo é 640x480. Pode alterar o tamanho editando os números para largura e altura no código.

---

Passo 4 – Guardar e Publicar

1. Arraste o componente para o local onde o ficheiro deve situar-se no seu site.
2. Clique em Pré-visualização para verificar se fica com o aspeto pretendido.
3. Se tudo estiver bem, clique em Guardar e Publicar para tornar as suas alterações visíveis online.

Dica: Adicione um componente de caixa ao seu site com as mesmas dimensões do seu vídeo e anexe o componente de código à caixa. Torna a colocação do áudio ou vídeo mais fácil de controlar. O tamanho do vídeo é determinado pela altura e largura no código HTML.

---

Artigos relacionados:

O que posso fazer com um componente Contentor?

Utilizar o editor da Vista Móvel