Como Inserir um vídeo no conteúdo do artigo

Conteúdos em vídeo enriquecem a experiência do usuário ao navegar na internet. Para inserir um vídeo no conteúdo do artigo no Joomla, siga os passos abaixo:

1. Faça o o upload do vídeo via Phoca Downloads: 
   1.1 - Abra o Componente Phoca Downloads:
   
              
           
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   1.2 - Selecione Files
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   1.3 - Clique em Novo
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   1.4 - Preencha os campos e em Filename clique em Select Filename
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   1.5 - Faça o upload do arquivo, criando uma pasta se necessário, e copie o endereço do local do arquivo, após public_html/
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   O upload do vídeo é feito pela área no rodapé do popup:
   
   
   
   
   
   
   
   
   
   
   1.6 - Salve e feche
   
   

2. Adicione o artigo, como explicado aqui

3. No conteúdo do artigo, na aba Code, adicione o seguinte código, adaptado onde deseja adicionar o vídeo:
   

   <p style="text-align: center">

   <video src="url_do_site/phocadownload/caminho_do_video_copiado_no_passo_1.5/nome_do_video.extensao" controls="controls" width="500" height="400" type="video/mp4"></video>

   </p>

   
   Exemplo:
   
   

   <p style="text-align: center">

   <video src="url_do_site/phocadownload/Aquario.mp4" controls="controls" width="500" height="400" type="video/mp4"></video>

   </p>
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

   
   

4. Caso deseje apagar a imagem do artigo, adicione o atributo style à imagem, ela deve estar no topo do artigo para não desestruturar a miniatura do artigo:
   
   Exemplo:
   <p style="text-align: center;"><img src="images/Captura_de_Tela_2019-12-16_as_11.52.36.png" alt="Captura de Tela 2019 12 16 as 11.52.36" style="display: none;" /></p>
   
   

5. Salve e Publique o artigo.