Archivo de la categoría: Videos

Publicar una Galería de Vídeos en wordpress

No soy una entusiasta del uso de los plugins, así que tras realizar varias pruebas para publicar una Galería de Vídeos en WordPress, me decanto por Video Light Box, ya que nos facilita la integración de una galería de vídeos en una página web o en un blog, con una estética muy agradable y además sin utilizar plugins.

Video Light Box es un aplicación gratuita tanto para Mac, como para Windows, que de una manera fácil e intuitiva genera todo lo que necesitamos para publicar vídeos y galerías de vídeo en nuestro sitio web. Podemos añadir videos de Youtube, Facebook, Google Video, Metacafe, Vimeo, MySpace. O podemos añadir videos MOV, MP4, M4V, FLV, 3GP, alojados en nuestro servidor o un disco virtual.

Para saber más sobre las posibilidades que nos brinda Video Light Box os dejo este Video Tutorial:

Ajustes en WordPress

Una vez que Video Light Box ha generado todo el material que queremos publicar, lo he subido a DropBox, ya que lo utilizo como servidor de vídeo. DropBox es un disco virtual en el cual podemos alojar, entre otras cosas, archivos de vídeo que posteriormente podemos utilizar en una entrada o página de wordpress, sí no queremos utilizar otros servicios como Youtube o Vimeo.

Ya en wordpress, lo primero que haremos sera copiar en el archivo header.php, y antes de </head>, el siguiente código:

<!-- Start VideoLightBox.com HEAD section -->

<!-- #videogallery a#videolb{display:none} -->

<script src="TU_RUTA/engine/js/jquery.tools.min.js" type="text/javascript"><!--mce:0--></script>
<script src="TU_RUTA/engine/js/swfobject.js" type="text/javascript"><!--mce:1--></script>
<!-- make all links with the 'rel' attribute open overlays -->
<script src="TU_RUTA/engine/js/videolightbox.js" type="text/javascript"><!--mce:2--></script>
<!-- End VideoLightBox.com HEAD section -->

No olvides poner la ruta correcta.

Después de preparar el header.php, ya sólo nos queda incluir los vídeos. Video Light Box también nos proporciona el código que hay que introducir en la página o entrada de nuestro blog. No olvides que hay que hacerlo en el editor HTML..

Y este es el resultado:

Materia_oscura Mundos_Virtuales
Bacterias AIRES DE TUNEZ

Quick Time X y los archivos .m4v

Quick Time X

Quick Time X ha reemplazado a QuickTime 7 en Mac OS X Snow Leopard, con las ventajas de ser un reproductor más eficiente y con una nueva interfaz, más simplificada e intuitiva.

Sí con Quick Time 7 Pro la variedad de formatos y códecs posibles a configurar un archivo de vídeo me resultaba indigesta y confusa, Quick Time X ha simplificado al máximo las posibilidades de compresión y formatos.

Quick Time X ha sido optimizado para adaptarse a los formatos multimedia más modernos, como H.264 AAC, y sobre todo a las necesidades de los usuario, tanto en el aspecto de mejorar y facilitar el proceso de compresión y de publicación de un contenido multimedia en la red. Como a la hora de recibir ese contenido y poderlo visualizar sin dificultad en cualquier tipo de dispositivo, tanto si visualizamos el contenido de vídeo en un ordenador o en un dispositivo portátil como el iPhone o el iPod.

Ahora tan solo necesitamos saber que vamos a hacer con nuestro vídeo (publicar internet, grabar disco…), y en un solo click la aplicación se encarga de realizar todos los ajustes necesarios para que nuestra película pueda ser visualizada con la mayor calidad de reproducción y adaptada a la velocidad disponible de las redes por cable o inalámbricas.

Después de unas pruebas y para mi gusto, el formato más interesante para publicar en internet es un archivo .m4v, que se consigue con: Archivo > Guardar como > iPhone, este formato permite una correcta visualización en dispositivos móviles y ordenadores, sea cual sea su velocidad de conexión.

Como publicar un archivo .m4v en WordPress

Para publicar estos archivos .m4v en worpress, he usado el mismo procedimiento y recursos que utilizo para publicar los archivos .mov:

  • Otra recurso que utilizo es la opción del tablero de edición visual de wordpress Objeto, puedes consultar: Publicar video en wordpress

Publicar una Lista de Reproducción de Vídeos en WordPress

Embedr es un servicio online y gratuito, que nos permite crear listas de reproducción personalizadas de hasta 100 vídeos.

Es muy fácil de utilizar, tan solo necesitamos ir copiando las URL de los vídeos que queremos publicar, y es compatible con vídeos alojados en YouTube, MySpace Video, DailyMotion, MetaCafe, Veoh, Vimeo, Blip.tv y otros, los cuales podremos mostrar en un solo reproductor. Sigue leyendo Publicar una Lista de Reproducción de Vídeos en WordPress

Publicar vídeos HTML 5 en WordPress

HTML5 es un nuevo estándar de Internet que nos permite incrustar vídeos, sin necesidad de tener instalados plugins para los diferentes formatos de vídeos existentes.

Estoy empezando a hacer pruebas con HTML 5, aunque es muy posible que para cuando se haya implementado su uso masivo existan posibilidades más cómodas, atractivas y fáciles de utilizar por los usuarios, pero a día de hoy estas son mis pruebas y resultados.

Las pruebas las he realizado, básicamente, utilizando las etiquetas video e iframe.

Etiqueta video

Es el formato que más me gusta. Sí tengo que decir algo en contra, es que no consigo hacer funcionar la opción poster.

Para poder publicar vídeos en nuestro blog utilizando esta etiqueta escribiremos en nuestra entrada el siguiente código:

<video  width="660" height="540" controls><source src="URL_AL_VIDEO"></video>

Etiqueta iframe

Es el formato utilizado por Youtube y Vimeo. Particularmente no me gusta, ya que al utilizarla no consigo desactivar el auto-play, y los controles no aparecen.

Para poder publicar vídeos en nuestro blog utilizando esta etiqueta escribiremos en nuestra entrada el siguiente código:

Resultado pruebas

A continuación dejo una tabla, de los formatos y navegadores con los que he realizado las pruebas y los resultados obtenidos:

Etiqueta HTML 5
Formato Vídeo
Navegador
.mov
.mp4
.m4v
Firefox
GChrome
Safari
<video>
SI
SI
SI
NO
SI
SI
<iframe>
SI
SI
SI
SI
SI
SI