Usando o código para adicionar áudio e vídeo ao seu site do Website Builder
Além de usar um de nossos muitos widgets, você também pode adicionar áudio e vídeo ao seu site no Website Builder com HTML e o componente de código. Neste guia, explicamos como.
- Passo 1 - Carregue o arquivo de áudio ou vídeo em seu espaço web
- Passo 2 - Abra o Website Builder
- Passo 3 - Incorpore o código no Website Builder
- Passo 4 - Salvar e publicar
Observação: o componente de código é um Website Builder Premium e Negócio + E-commerce. Se você usa o Básico atualmente, pode atualizar seu nível ou usar o widget do YouTube .
Passo 1 - Carregue o arquivo de áudio ou vídeo para o seu espaço web
Primeiro, carregue seu arquivo de áudio ou vídeo em seu espaço na web usando o File Manager ou FTP. O áudio deve estar em formato mp3 e o vídeo em mp4.
- Faça login no painel de controle da one.com.
- Abra o File Manager no bloco Ficheiros e Segurança .
- Clique em + Carregar e selecione o arquivo de áudio (mp3) ou vídeo (mp4) que deseja incorporar ao seu site.
- Copie o caminho completo do seu arquivo e cole-o em um arquivo de texto para uso posterior.
Passo 2 - Abra o Website Builder
- Abra o Website Builder.
- Clique em Widgets no menu de componentes à esquerda.
- Role para baixo e selecione Código.
Passo 3 - Incorpore o código no Website Builder
- Copie um dos exemplos de código abaixo e cole-o no componente de código do Website Builder.
- Substitua FULL PATH no exemplo de código pelo caminho completo para seu arquivo de áudio ou vídeo.
- Clique em Salvar.
Escolha um dos exemplos abaixo ou crie seu próprio código com a tagHTML <audio> e Marca HTML <vídeo>. Lembre-se de substituir FULL PATH pelo caminho completo para o seu arquivo de áudio ou vídeo.
Áudio:
Incorporar um arquivo de áudio mp3:
<audio controls>
<source src="FULL PATH" type="audio/mpeg">
</audio>
Incorpore um arquivo de áudio mp3 que começa a tocar automaticamente:
<audio controls autoplay>
<source src="FULL PATH" type="audio/mpeg">
</audio>
Observação: alguns navegadores limitam a reprodução automática de áudio ou vídeo, mesmo que você o tenha adicionado ao seu código.
Vídeo:
Incorporar um arquivo de vídeo mp4:
<video width="640" height="480" controls>
<source src="FULL PATH" type="video/mp4">
</vídeo>
Incorpore um arquivo de vídeo mp4 que começa a tocar automaticamente:
<video width="640" height="480" controls autoplay>
<source src="FULL PATH" type="video/mp4">
</vídeo>
Dica: o tamanho padrão do vídeo é 640x480. Você pode alterar o tamanho ajustando os números de largura e altura no código. Você também pode tornar o vídeo responsivo à tela do visualizador alterando a largura para "100%" (width="100%") e a altura para "auto" (height="auto").
Passo 4 - Salvar e publicar
- O componente agora terá sido adicionado ao seu espaço de trabalho. Arraste o componente para onde o arquivo deve estar localizado em seu site.
- Clique em Pré-visualização para verificar se está como você deseja.
- Se tudo estiver correto, clique em Salvar e publicar para tornar 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. Isso torna o posicionamento 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: