SummArg | Cursos y recursos para webmasters

22/06/2012

Videos en WordPress con shortcodes, para servicios de Youtube, Dailymotion, Vimeo, Blip.tv, etc.

En WordPress siempre tenemos disponible la opción de clickear en la pestaña HTML en el editor, y pegar el código que nos proveen los servicios de video online.

Para obtener el código para embeber un video en Youtube primero clickeamos en Compartir, luego en Insertar y finalmente obtendremos el código. Debajo del mismo tenemos algunas opciones sobre su tamaño y otras opciones para generar el código de forma personalizada.

&lt;iframe width="420" height="315" src="http://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;<strong></strong>

Podemos ahorrarnos este paso y generar un shortcode para YouTube. De ese modo solo tendríamos que utilizar el ID del video (que lo extraemos de la URL: youtube.com/watch?v=dQw4w9WgXcQ ) y algunos parámetros como ancho (w = width) y alto (h = height). Siendo el uso del shortcode el siguiente:

[ vid site=”youtube” id=”dQw4w9WgXcQ” w=”600″ h=”340″]

Pero estos parámetros extra (site, w y h) son opcionales. Con el siguiente shortcode, tomará los valores por defecto y lograremos insertar el video.

[ vid id=”dQw4w9WgXcQ”]

Para utilizar este shortcode, bastará con colocar el siguiente código en el functions.php del theme activo.

function vid_sc($atts, $content=null) {
 extract(
 shortcode_atts(array(
 'site' => 'youtube',
 'id' => '',
 'w' => '600',
 'h' => '370'
 ), $atts)
 );
 if ( $site == "youtube" ) { $src = 'http://www.youtube-nocookie.com/embed/'.$id; }
 else if ( $site == "vimeo" ) { $src = 'http://player.vimeo.com/video/'.$id; }
 else if ( $site == "dailymotion" ) { $src = 'http://www.dailymotion.com/embed/video/'.$id; }
 else if ( $site == "yahoo" ) { $src = 'http://d.yimg.com/nl/vyc/site/player.html#vid='.$id; }
 else if ( $site == "bliptv" ) { $src = 'http://a.blip.tv/scripts/shoggplayer.html#file=http://blip.tv/rss/flash/'.$id; }
 else if ( $site == "veoh" ) { $src = 'http://www.veoh.com/static/swf/veoh/SPL.swf?videoAutoPlay=0&permalinkId='.$id; }
 else if ( $site == "viddler" ) { $src = 'http://www.viddler.com/simple/'.$id; }
 if ( $id != '' ) {
 return '<iframe width="'.$w.'" height="'.$h.'" src="'.$src.'" class="vid iframe-'.$site.'"></iframe>';
 }
}
add_shortcode('vid','vid_sc');

Visto en WPplus +

Dejar un comentario