Videobox y su problema con IExplorer

febrero 7, 2008

Para los que no conocen esta librería, Videobox permite ver videos en nuestro sitio con el efecto lightbox. Soporta varios tipos como por ejemplo video desde youtube y es tan fácil de usar como solo poner un link hacia el video que se quiere mostrar, la librería hace el resto por nosotros.

En este artículo voy a mostrar la forma como debemos usar esta librería en nuestro sitio, y como poder saltar el problema que presenta algunas veces el internet explorer cuando intenta mostrar una página con esta librería.

Lo primero que debemos hacer es descargar la librería de videobox y todos sus componentes necesarios de aquí, en donde nos descargamos los archivos:

  • videobox.js: Librería Javascript de videobox.
  • videobox.css: hoja de estilos
  • closelabel.gif, loading.gif, nextlabel.gif prevlabel.gif: Imágenes usadas para los nombres de las acciones. Recomiendo que las modifiques a tu lenguaje ya que están en ingles.
  • Swfobjects.js: es necesario para mostrar los archivos swf y es excelente.(luego hablaremos más de este control.)
  • Mootools.js: Esta es la librería base, o más bien framework para que funcione nuestro Videobox. Es un framework muy completo y base de muchas otras librerías como ya hemos visto en otros post. (también trataré de ir con más detalle sobre esta librería en otro post).

Ahora el primer paso es dentro de la etiqueta <head> incluir los scripts y la hoja de estilos.

<script type=”text/javascript” src=”URL_mootools.js”></script>

<script type=”text/javascript” src=”URL_swfobject.js”></script>

<script type=”text/javascript” src=”URL_videobox.js”></script>

<link rel=”stylesheet” href=”URL_videobox.css” type=”text/css” media=”screen” />

Corrección para Internet Explorer

Algunas veces cuando llamamos una página con videobox desde Internet Explorer este genera un aviso que dice “Operación Abortada” y no carga la página. Al parecer esto se debe a un error en el propio Internet Explorer y quizás sea solucionado en una versión posterior. Y por otro lado si buscas en internet encuentras varias alternativas, yo ensaye varias y algunas no funcionan correctamente, la que me funcionó fue la de poner las etiquetas de los scripts y la hoja de estilo
no en el <head> sino al final de la página justo antes de la etiqueta </body>.

Luego de haber solucionado el problema con el IE, solo resta adicionar los link hacia el video que queremos mostrar con una etiqueta <a> a la cual le agregamos el atributo rel=”vidbox”.

Ejemplo:

<a rel=”vidbox” href=”RUTA_DEL_VIDEO” title=”TEXTO_DESCRIPCION”> ver video </a>

 

Este link llamará al video que esté en la ruta y lo desplegará con el efecto videobox.

Adicionalmente se puede especificar el tamaño de la ventana de video que se quiere mostrar.

<a rel=”vidbox 340 480″ href=”RUTA_DEL_VIDEO” title=”TEXTO_DESCRIPCION”> ver video </a>

O hacer el llamado de un video desde una función javascript.

Videobox.open(“URL_archivo”,”un_texto”,”vidbox ancho alto”);

Bueno y ahora a crear sitios dinámicos y con excelente presentación, ya que contamos con muy buenas herramientas para hacer que nuestras aplicaciones web cada vez sean más prácticas, bonitas y sobre todo útiles.

Si tienen preguntas o comentarios por favor no duden en hacerlos… les ayudaré en lo que pueda.

Link videobox

Anuncios

7 Responses to “Videobox y su problema con IExplorer”


  1. una pregunta dime con solo colocar la ruta del video digamos href:’videos/mivideo.flv’ ó href=’videos/mivideo.swf’ eso sera suficiente para que llame el video xk lo hice y no lo llamo

  2. D Says:

    Hola Roberto, en realidad para usar un flv es un poco mas complicado ya que debes usar un player como el de Jeroen Wjering’s Flash FLV Player yo te recomendaria que para faciltar las cosas usaras un swf.

  3. Fan de Sugey Says:

    Genial, realmente funciono el truco ya que me habia causado el problema y sin saberlo, porque uso firefox, el blog tenia menos visitas por parte del IE, primero busque por el error en si y decia que era por el plugin SWFObject, pero no lo tenia instalado, entonces pense que tenia relacion ya que igual contenia codigo flash y busque por “videobox internet explorer no puede mostrar” y di con esta web, saludos he !!!!!

  4. D Says:

    Me complace mucho que te haya funcionado el truco, gracias por referenciarme en tu sitio, esperemos que solucionen el problema del IE pronto con una nueva version o con un parche.

    saludos.

  5. Rodrigo Says:

    Genial hermano!

    aunque no me habia dado cuenta ya que nunca uso el fucking Explorer

    igual en mis webs siempre pongo un banner y segerencia de firefox!!

    Arriba Mozilla!!

    saludos!

  6. nicolas Says:

    Hola, como puedo hacerlo pero llamando a un flv de mi sitio intente hacerlo y la ruta le puse la direccion donde esta el video pero, me lo intenta abrir con el reproductor de mi pc, el real plpayer…

  7. juliana Says:

    Mi problema es con firefox, aqlguien me podria dar alguna respuesta?


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

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

A %d blogueros les gusta esto: