Neste artigo vou ensinar como facilitar a tarefa de inserir vídeos do Youtube e Vimeo em seus posts, tudo através de um shortcode simples e fácil de usar.

Este procedimento evita de ter que ficar pegando o código do embed do vídeo a cada inserção, e é altamente indicado para sites de vídeos aulas como o RBTech, que postam muitos vídeos por semana. Através de um simples ID extraido da url do vídeo você insere qualquer vídeo em seus posts de maneira muito rápida e dinâmica.

Primeiramente iniciamos com as funções responsáveis por fazer tudo funcionar. Abra o arquivo functions.php de seu tema e adicione os seguintes códigos conforme sua necessidade:

Para vídeos do Youtube:

function embed_youtube( $atts, $content = null ) {
	extract(shortcode_atts(array(
		'id' => '',
		'width' => 640,
		'height' => 480,
	), $atts ) );

	$resultado = '<div class="post-video"><object width="'.$width.'" height="'.$height.'" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/'.$id.'?fs=1&hl=pt_BR&rel=0&hd=1" /><param name="allowfullscreen" value="true" /><param name="wmode" value="opaque" /><embed width="'.$width.'" height="'.$height.'" type="application/x-shockwave-flash" src="http://www.youtube.com/v/'.$id.'?fs=1&hl=pt_BR&rel=0&hd=1" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" wmode="opaque" /></object></div>';
	return $resultado;
}
add_shortcode('youtube', 'embed_youtube');

Para vídeos do Vimeo:

function embed_vimeo( $atts, $content = null ) {
	extract(shortcode_atts(array(
		'id' => '',
		'width' => 640,
		'height' => 480,
	), $atts ) );

	$resultado = '<div class="post-video"><object width="'.$width.'" height="'.$height.'" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id='.$id.'&server=vimeo.com&show_title=1&show_byline=0&show_portrait=0&color=00ADEF&fullscreen=1&autoplay=0&loop=0" /><embed width="'.$width.'" height="'.$height.'" type="application/x-shockwave-flash" src="http://vimeo.com/moogaloop.swf?clip_id='.$id.'&server=vimeo.com&show_title=1&show_byline=0&show_portrait=0&color=00ADEF&fullscreen=1&autoplay=0&loop=0" allowfullscreen="true" allowscriptaccess="always" /></object></div>';
	return $resultado;
}
add_shortcode('vimeo', 'embed_vimeo');

Agora que as funções já estão adicionadas, para usar é muito simples, basta inserir o shortcode em seu post com o ID do vídeo que deseja inserir, veja o exemplo (não use espaço depois do "abre colchete"):

[ youtube id=xq_rIoG9tX8] ou [ vimeo id=38790643]

Logicamente que você deve substituir os IDs pelo ID do referido vídeo que você está inserindo no post. Para alterar a largura e altura do quadro do vídeo, basta substituir os valores de width e height nas referidas funções ou então usar o valor diretamente no shortcode, veja:

[ youtube id=xq_rIoG9tX8 width=600 height=400] ou [ vimeo id=38790643 width=600 height=400]

Prontinho, agora é muito mais simples para inserir vídeos em seu blog, e o melhor de tudo é que você não precisou instalar nenhum plugin para uma tarefa tão simples. Dúvidas ou sugestões pode ser postadas nos comentários...

Mais sobre: , , ,