Herramientas Web y Blog/Practico

Videos en WordPress, facil pero con atención a los detalles

Los videos en WordPress llevan una forma especifica para ser insertados. Es mas compacto que incrustar un video en otras plataformas, pero tiene sus detalles. En esta entrada explicamos como insertar videos de Youtube, Vimeo y Dailymotion, variar el tamaño del video. Existe tambien un plugin para los videos, pero por lo sencillo que es insertar un video yo creo que no vale la pena. Estos codigos para insertar videos son validos tanto para cualquier entrada como para los laterales.

Volviendo a la insercion de videos en el diseño del blog, cada tema de WordPress cuenta con un showcase dentro de WordPress en español. Alli nos explica el ancho que disponemos para los laterales. Este ancho será nuestro ancho de referencia para incrustar el video en un lateral.

Poniendo videos en una entrada.

Un video de YouTube: Es el tipo de video por defecto de WordPress y solo tenemos que copiar de Youtube la dirección completa del video y pegarla dentro del código:
, quedando de la siguiente forma
, todo lo demás sobra y lo podemos eliminar.
Para un video de Vimeo: Semejante a Youtube, pero con Vimeo


Un video de DailyMotion cambia un poco el código y hemos de seleccionar en DailyMotion las 6 letras que identifican un video. Estas la copiamos y luego en WordPress usaremos el código
, donde pegaremos las 6 letras de identificación del video después de id=. El video quedará de la siguiente forma:

Tamaño de los videos.

En entradas o artículos y Páginas cada tema de WordPress tiene un tamaño predeterminado. Cuando queremos que el video se visualice en otro tamaño entonces después del código básico y sin dejar espacio hemos de poner el tamaño que deseamos:
&w=300&h=190 , donde w= ancho del video y h=alto del video.
Un video de Youtube con un tamaño menor al estándar de WordPress seria:

Pero el ajuste de tamaño tambien vale para un video de Vimeo quedando los codigos para los ejemplos anteriores de la siguiente forma:

Videos en un Lateral
El codigo de inserción es el mismo que en una entrada o página. Para que aparezca un video en un lateral hemos de ir en el escritorio a Apariencia, Seleccionamos Widget y ponemos un nuevo widget de Texto en nuestro lateral. Normalmente basta con arrastrar el widget de texto a la posición en que queremos que aparezca. Despues siempre podemos moverlo por el mismo método.
Al abrirse el widget de texto podemos ponerle de Título al Widget el del Video que insertamos.
En la caja de texto pegamos el código del video que queremos insertar. En esta aplicación si es importante elegir bien el tamaño del video.
Si ponemos más de un video debemos introducir una separación, que seria añadir la instrucción:
<br/>
O podemos elegir poner una línea divisoria, que en ese caso el código es:
<hr />
Un atajo para todo esto es abrir una entrada nueva, insertar el video que queremos de Youtube y en el modo html añadirle solo el código que especifica el tamaño del video. Copiamos el código completo y este lo pegamos en el widget de texto.

Videos soportados por WordPress.

Ademas de los videos más comunes que podemos insertar en una entrada o lateral, todos estos tipos de video son soportados por wordpress. Habitalmente se hace la insercion mediante la caja de añadir video en el editor y en otros copiando el codigo que nos ofrecen estos videos para WordPress.
- blip.tv
- DailyMotion
- Flickr (videos e imágenes)
- FunnyOrDie.com (WordPress 3.0+)
- Google Video
- Hulu
- Photobucket
- PollDaddy
- Qik
- Revision3
- Scribd
- SmugMug (WordPress 3.0+)
- Viddler
- Vimeo
- WordPress.tv (solo videos de VideoPress)
- YouTube
Jorge Cruz Inclan para Delfi WebZone

About these ads

Deja un comentario

Por favor, inicia sesión con uno de estos métodos para publicar tu comentario:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s