Inserção de Conteúdo

Inserindo Vídeos em uma Página

Para incorporar um vídeo do YouTube em uma página do Plone, copie o código HTML fornecido pela opção Incorporar e insira esse código no modo de código-fonte do editor.

Incorporando um vídeo do YouTube

O YouTube normalmente fornece o código de incorporação utilizando a tag HTML <iframe>. O procedimento consiste em copiar esse código e colá-lo no código-fonte da página no Plone.

Compartilhar
Incorporar
Copiar HTML
Source code
Colar iframe
01

Clique em Compartilhar

Abra o vídeo desejado no YouTube e, abaixo do player, localize a opção Compartilhar.

youtube.com/watch?v=exemplo
Pesquisar
Vídeo institucional — exemplo
Gostei Compartilhar
Clique em Compartilhar abaixo do vídeo.
02

Selecione Incorporar

Na janela de compartilhamento, escolha a opção Incorporar.

youtube.com
Compartilhar
Incorporar
WhatsApp
E-mail
Copiar link
Selecione Incorporar, e não apenas “Copiar link”.
03

Copie o código de incorporação

O YouTube apresentará o código HTML contendo um <iframe>. Clique em Copiar.

youtube.com/embed
Incorporar vídeo
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/VIDEO"
title="YouTube video player"
></iframe>
Copiar
Copie todo o código HTML fornecido pelo YouTube.
04

Abra o Código-fonte no Plone

Na página que receberá o vídeo, entre no editor e utilize a opção Tools → Source code. Dependendo da configuração do editor, ela também pode aparecer como Código-fonte.

siteadmin2.uem.br/SIGLA/edit
Editando página
B I
Tools
Find and replace
Source code

Conteúdo da página onde o vídeo será incorporado.

Posicione o vídeo no local desejado.

Abra Tools → Source code.
05

Cole o código no local desejado

No código-fonte da página, localize a posição onde o vídeo deverá aparecer. Abra uma nova linha, por exemplo após um fechamento </p>, e cole o código com Ctrl + V.

siteadmin2.uem.br/SIGLA/edit
Código-fonte
Source code
<p> Texto anterior ao vídeo. </p> <iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO" ></iframe> <p> Texto após o vídeo. </p>
Cole o código <iframe> exatamente no ponto em que o vídeo deverá aparecer.

Vídeo incorporado à página

Após confirmar o código-fonte e salvar a página, verifique se o vídeo aparece corretamente. Dependendo das regras de segurança configuradas no Plone ou no editor TinyMCE, códigos iframe podem ser filtrados. Nesse caso, será necessário permitir esse tipo de conteúdo na configuração administrativa.