Como carregar um vídeo na página de produto.

1. Criar elemento para o vídeo

Para se carregar um vídeo numa página de produto, temos, primeiro, de criar o elemento "Ficheiro".

Antes de continuar, certifique-se que tem os conhecimentos básicos de criação de elementos, explicados aqui.

Na página de produto, clique no ícone  para criar um novo elemento. Insira o Nome do Elemento, selecione a opção "Ficheiro" no Tipo de Elemento e, em baixo, selecione a caixa no campo "Se selecionado este elemento vai aparecer nas páginas filhas". Isto vai fazer com que este elemento seja individual para cada página de produto.

 

Com o elemento criado, vamos colocar na aba </> Html da Página o seguinte código, sendo que a altura e largura podem, depois, serem alteradas com código CSS. 

<video width="320" height="240" controls>
	<source src="" type="video/mp4">
</video>

Agora, através do modal de inserção de elementos, colocar-se o elemento ficheiro que se criou no atributo src="".

No final, o código deverá estar do seguinte modo:

<video width="320" height="240" controls>
	<source src="[web_imovel_video-2]" type="video/mp4">
</video>

Para que o vídeo fique com as proporções em responsivo (para que melhor se adapte consoante o tamanho do dispositivo, deverá utilizar-se os seguintes estilos.

video 	{
  width: 100%;
  height: auto;
		}

 

2. Inserir conteúdo vídeo