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.
- Inicie sessão no painel de controlo one.com.
- Abra o File Manager na secção Ficheiros e Segurança.
- Clique em + Carregar e selecione o ficheiro de áudio (mp3) ou vídeo (mp4) que pretende embutir no seu site.
- 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
- Abra o Website Builder.
- Clique em Código no menu de componentes à esquerda.
- Clique no ícone de expandir para uma visualização maior.
Passo 3 – Embutir o código no Website Builder
- Copie um dos modelos de código abaixo e cole-a no componente de código no Website Builder.
- Substitua "CAMINHO COMPLETO" no modelo de código pelo caminho completo para o seu ficheiro de áudio ou vídeo.
- Clique em Guardar.
- 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
- Arraste o componente para o local onde o ficheiro deve situar-se no seu site.
- Clique em Pré-visualização para verificar se fica com o aspeto pretendido.
- 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: