segunda-feira, 21 de janeiro de 2013

Como incorporar vídeos em blogs no Wordpress

Embora seja uma coisa que já é banal de tão comum, ainda há pessoas que não sabem como inserir ou incorporar um vídeo de um canal de vídeos como o Youtube em um blog.

É tão simples: é só copiar e colar o link ou o código!

No entanto, pode não ser tão simples para quem não sabe.

Como incorporar um vídeo ao seu blog


Assim, vejamos como incorporar (embed, caso você acesse um canal em inglês) um vídeo.

O primeiro passo é acessar o vídeo que você quer colocar no seu blog:

vamos supor que eu queira inserir aqui minha videoaula sobre crase;

observe a imagem abaixo (um printscreen da página abaixo do vídeo que acessei):

printscreen de página do youtube

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

*************************



Compartilhar


Veja o que aponta cada seta:


a primeira, compartilhar, após o vídeo começar a rodar;


ao clicar em compartilhar, a página mostra as opções de redes sociais mais comuns,


como G+, Facebook e Twitter e um link para copiar e colar (Ctrl + C / Ctrl + V);


é possível apenas copiar o link e colar onde você quer que apareça no artigo


que você está escrevendo, porque o Wordpress automaticamente puxa o vídeo para sua página;


mas, como já tive problemas com isso, prefiro copiar o código mesmo (mas caso você queira fazer apenas isso, vá direto ao comentário do Janio Sarmento mais abaixo e seja feliz!).



Incorporar / Embed


Para isso, vá ao passo seguinte, que é clicar em Incorporar,


que abre a página como está acima, mostrando as opções de inserir o vídeo


com a lista de reprodução em que se encontra ou não (neste caso, é só desmarcar);


se quer incorporar apenas o vídeo que está sendo mostrado, é só copiar o código que aparece


(ao clicar dentro da janelinha do código, ele fica azul, aí é só copiar);


antes disso, você também pode definir o tamanho do tocador de vídeo que vai aparecer


no seu blog; em geral em coloco 450 para Width (largura)  e ele automaticamente define


a altura > Hight.



Modo Text / Html


Feito isso, copie o código, vá até o post ou página que está escrevendo, escolha onde vai colar,


mas não cole ainda; olhe no topo à direita do seu editor de texto e verá duas opções: Visual e Text (ou Html);

clique em Text/Html, e agora sim, cole o código onde você escolheu, volte para o modo visual,

em que aparecerá uma janela provavelmente amarela, atualize o post / página,

e visualize então na página do blog para ver como ficou.

Lembre-se de adequar o tamanho do vídeo à largura da coluna de texto de seu blog,

pra não ficarem superpostos.

Esses passos servem para blogs do Blogspot também.

E aí é só compartilhar sua página com seus amigos nas redes sociais.

No meu caso, para efeito ilustrativo, insiro abaixo o vídeo sobre crase, com a lista de reprodução marcada: