Como usar código para adicionar áudio e vídeo ao seu site criado com o Website Builder

Além de utilizar um dos nossos muitos widgets, também pode adicionar áudio e vídeo ao seu site no Website Builder através de HTML e do componente de código. Neste guia, explicamos como o fazer.

• Passo 1 - Carregue o ficheiro de áudio ou vídeo para o seu espaço web
• Passo 2 - Abra o Website Builder
• Passo 3 - Incorporar o código no Website Builder
• Passo 4 - Salve e publique

Nota: O componente de código é uma funcionalidade do Website Builder Premium e Business + E-commerce. Se utiliza atualmente o Starter, pode atualizar o seu plano ou utilizar o widget hrefhttps://help.one.com/hc/en-us/articles/9172763029393hrefYouTube em vez disso. 

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

Primeiro, carregue o seu ficheiro de áudio ou vídeo para o seu espaço web utilizando o Gestor de Ficheiros ou o FTP. Os ficheiros de áudio devem estar no formato mp3 e os de vídeo no formato mp4.

1. Inicie sessão no Painel de Controlo da one.com.
2. Abra o Gestor de Ficheiros nas definições de Alojamento, no menu à esquerda.
3. Clique em «+ Carregar» e selecione o ficheiro de áudio (mp3) ou vídeo (mp4) que pretende incorporar no seu site.
4. Copie o caminho completo do seu ficheiro e cole-o num ficheiro de texto para utilização posterior.

Passo 2 - Abra o Website Builder

1. Abrir o Website Builder.
2. Clique em «Widgets» no menu de componentes à esquerda.
3. Desça a página e selecione «Código».

Passo 3 - Incorporar o código no Website Builder

1. Copie um dos exemplos de código abaixo e cole-o no componente de código do Website Builder.
2. Substitua FULL PATH no exemplo de código pelo caminho completo para o seu ficheiro de áudio ou vídeo.
3. Clique em Guardar.

Escolha um dos exemplos abaixo ou crie o seu próprio código utilizando as tags hrefhttps://www.w3schools.com/tags/tag_audio.asphrefHTML <audio> e HTML <video>. Lembre-se de substituir FULL PATH pelo caminho completo para o seu ficheiro de áudio ou vídeo.

Áudio:

Incorporar um ficheiro de áudio MP3:

</audio>

Inserir um ficheiro de áudio MP3 que comece a reproduzir-se automaticamente:

</audio>

Nota: Alguns navegadores limitam a reprodução automática de áudio ou vídeo, mesmo que os tenha adicionado ao seu código.

Vídeo:

Inserir um ficheiro de vídeo MP4:

</video>

Incorporar um ficheiro de vídeo MP4 que comece a ser reproduzido automaticamente:

</video>

Dica: O tamanho predefinido do vídeo é 640x480. Pode alterar o tamanho ajustando os valores de largura e altura no código. Também pode tornar o vídeo adaptável ao ecrã do utilizador, definindo a largura como «100%» (width="100%") e a altura como «auto» (height="auto").

Passo 4 - Salve e publique

1. O componente já deve ter sido adicionado ao seu espaço de trabalho. Arraste o componente para o local onde o ficheiro deve ficar no seu site.
2. Clique em «Pré-visualizar» para verificar se o resultado é o que deseja.
3. Se estiver tudo certo, clique em «Guardar e publicar» para que as suas alterações fiquem visíveis online.

Dica: Adicione um componente box ao seu site com as mesmas dimensões do seu vídeo e anexe o componente de código à caixa. Isto facilita o controlo do posicionamento do áudio ou do vídeo. O tamanho do vídeo é determinado pela altura e largura no código HTML.

Artigos Relacionados:

• What: o que posso fazer com um componente de contentor?
• Usando o editor de visualização móvel