Inserindo Vídeos nas Páginas do Portal

Aprenda como incorporar vídeos do YouTube utilizando código HTML no editor visual do Plone.

Incorporação de vídeos

A inserção de vídeos no editor visual é realizada através das tags HTML:

  • embed
  • iframe

Neste exemplo será utilizado um vídeo hospedado no:

YouTube

O procedimento consiste em copiar o código de incorporação do vídeo e colá-lo no editor HTML do Plone.

1

Acessar Compartilhar

Compartilhar vídeo

Menu do YouTube

No vídeo desejado do YouTube, clique na opção:

Compartilhar

O sistema abrirá as opções disponíveis para compartilhamento do vídeo.

2

Selecionar Incorporar

Incorporar vídeo

Opção de embed

Dentro do menu de compartilhamento, selecione:

Incorporar

Essa opção exibirá o código HTML necessário para incorporar o vídeo dentro da página do portal.

3

Copiar o código Embed

Código embed

Código HTML do vídeo

Copie o trecho de código disponibilizado pelo YouTube.

O código normalmente possui a estrutura:

<iframe src="https://www.youtube.com/embed/VIDEO"></iframe>
4

Abrir o código-fonte da página

Source code

Editor HTML

Na página do portal onde deseja inserir o vídeo, acesse:

Tools → Source Code

Essa opção permite editar diretamente o código HTML da página.

5

Colar o código do vídeo

Colar código

Inserção do vídeo

Dentro do código HTML da página, pressione:

Enter

após a tag:

</p>

Em seguida, cole o código do vídeo na posição desejada.

Dica

Utilize vídeos incorporados do YouTube para evitar armazenamento excessivo de arquivos no servidor do portal.

Tutorial de Inserção de Vídeos
Portal Institucional UEM