Video Lightbox: Mostrar videos en ventanas modales – Online – Abogado – Record

Usualmente no soy muy afecto a las ventanas modales que son específicas para sólo un tipo de multimedia, y aunqueVideo Lightbox es de este tipo (ya que sólo muestravideos en ventanas modales) me ha gustado por la variedad de estilos que tiene para su presentación de videos. Al momento cuenta con seis estilos de ventanas para mostrar los videos,standard, estilo de nube, oscuro, "Facebook", Mac yWindows Vista.

¿Las vemos?Ver demo de Video Lightbox

Otra de las ventajas que tiene es que podemos incluir videos de distintos servicios: YouTube, Vimeo, Metacafe, GoogleVideos y MySpace.

Originalmente Video Lightbox se maneja desde un programa que está disponible para descargar en la página del autor y su usabilidad es bastante sencilla sin embargo está enfocado a sitios web que usan transferencia de archivos FTP y si queremos publicarlo en Blogger simplemente no podremos. Pero esto no es problema ya que podemos instalar manualmente en la plantilla los códigos necesarios para que funcione casi sin problemas.

NOTA: En las plantillas hechas a través del Diseñador de plantillas de Blogger no funciona.

Lo primero que tenemos que hacer esdescargar este archivo, descomprimirlo y subir a la red los archivos.

Luego entra enDiseño | Edición de HTML y después dehead pega lo siguiente:

link href='URL del archivo .css' rel='stylesheet' type='text/css'/
script src='URL del archivo jquery.tools.min.js' type='text/javascript'/
script src='URL del archivo swfobject.js' type='text/javascript'/
script src='URL del archivo videolightbox.js' type='text/javascript'/


style type='text/css'
#videogallery { zoom:1; }
#videogallery span{ display:block; }
#videogallery a{
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
position:relative;
vertical-align:top;
margin:5px;
text-align:center;
opacity:0.87;
}
#videogallery a img{
display:block;
border:none;
margin:0;
}
#videogallery a:hover{
text-decoration:underline;
opacity:1;
}
#videogallery a#videolb{display:none}
/style

Ahora cambia donde se indica encolor rojo las URLs de los archivos que subiste previamente.
En el caso del primero donde diceURL del archivo .css deberás pegar la URL del archivo .css del estilo que hayas elegido, ya sea el estilo Mac, Windows Vista, etc. Sólo puedes elegir uno de ellos.

Ahora cuando cuando vayas a usarlo en tus entradas pega uno de estos códigos dependiendo de qué página tomes el video:

YouTube

div id="videogallery"
a rel="#voverlay" href="http://www.youtube.com/v/hSTUu6XqegI?autoplay=1" title="Video Lightbox con YouTube"YouTube/a
/div

Vimeo

div id="videogallery"
a rel="#voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=4949853&server=vimeo.com&show_title=1&show_byline=1&autoplay=1" title="Video Lightbox con Vimeo"Vimeo/a
/div

Google Videos

div id="videogallery"
a rel="#voverlay" href="http://video.google.com/googleplayer.swf?docid=-1511995185163028652&autoplay=1" title="Video Lightbox con GoogleVideos"Google Videos/a
/div

MySpace

div id="videogallery"
a rel="#voverlay" href="http://mediaservices.myspace.com/services/media/embed.aspx/m=101131953,t=1,mt=video,ap=1" title="Video Lightbox con MySpace"MySpace/a
/div

Metacafe

div id="videogallery"
a rel="#voverlay" href="http://www.metacafe.com/fplayer/2652262/the_freedom_aliance.swf?autoPlay=yes" title="Video Lightbox con MetaCafe"Metacafe/a
/div

En cualquiera de ellos hay que cambiar lo que está encolor azul por la ID del video, a excepción de Metacafe donde hay que poner la mitad de la URL del video.
Si quisieras que en lugar del texto apareciera una imagen en miniatura entonces cambia el texto por el código de una imagen:

img src="URL de la imagen" style="width:150px; height:100px; border:0;" /

La instalación y su uso es muy parecida aShadowbox con la excepción de que Video Lightbox está diseñada para videos y de que tiene muchos estilos para mostrar sus ventanas modales.

Aunque funciona muy bien, una de las desventajas que puede tener es que al hacerlo manualmente (sin el programa) todos los videos deberán tener la misma medida pues la plantilla del video no es auto-ajustable.

Video Lightbox tiene dos ediciones, una gratuita (que es la que hemos descargado) en la cual aparece un enlace en la parte superior, y una comercial (de pago) con la cual ese enlace desaparece, aunque con un poco de maña también puede quitarse.

Página del autor | Video Lightbox

Donate old cars to charity data recovery raid buy my structured settlement Social media platforms for business DONATE YOUR CAR SACRAMENTO selling a structured settlement buy structured settlements Donate a Car in Maryland Claim Data Recovery Raid Custom Christmas cards DAYTON FREIGHT LINES online criminal justice degree Annuity Settlements Make money online Australia MASSAGE SCHOOL DALLAS TEXAS register free domains Hire php programmers structured settlement blog Social media tools Dayton freight lines Donate your Car for Money mesothelioma law firm yahoo web hosting arizona auto accident attorney DONATE OLD CARS TO CHARITY Mobile casino Home Phone Internet Bundle Criminal lawyer world trade center footage Criminal defense lawyer Cheap Car Insurance for Ladies Online casino Insurance Companies Italian cooking school Auto Accident Attorney Low Credit Line Credit Cards Criminal Defense Attorneys Florida See more at http//wwwginfostopnet/ NEUSON Casino reviews Forex Trading Platform verizon sip semi truck accident lawyers webex costs Dwi lawyer california mesothelioma attorney Dayton Freight Lines structured settlement sell Casino REGISTER FREE DOMAINS compare small business phone systems Sell Annuity Payment CAR DONATE mortgage adviser Forensics online course DUI lawyer mesothelioma attorney directory paperport promotional code Auto Mobile Insurance Quote DONATE A CAR IN MARYLAND Live casino cloud identity and access management mesothelioma Online Classes Hire php developers best mesothelioma lawyers Cheap Auto Insurance in VA Donate your car for kids Cheap domain registration hosting florida car insurance company Seo services Holland Michigan College cash out structured settlement donate old cars to charity New social media platforms mesothelioma charities mesothelioma cases Psd to WordPress EMAIL BULK SERVICE Service business software average mesothelioma settlement domain yahoo DONATE YOUR CAR FOR MONEY lease management software auto accident attorney Html email donate your car for kids ASBESTOS LAWYERS accident car florida lawyer FORENSICS ONLINE COURSE structured settlement need cash now Met Auto Car Insurance in South Dakota los angeles motorcycle accident lawyer Structures Annuity Settlement Hire php developer Dedicated Hosting Dedicated Server Hosting Seo company Php programmers for hire los angeles workers compensation lawyers CAR INSURANCE QUOTES UTAH Learning adobe illustrator structured settlement cash out mesothelioma ct Christmas cards Business management software insurance medical temporary Car Insurance Quotes mesothelioma settlements amounts AUTOMOBILE ACCIDENT ATTORNEY Bankruptcy lawyer Computer science classes online mesothelioma drug Social media examiner