Put video on your website with stylish popup video effect ! Now for Windows and Mac!

Video LightBox JS is a free wizard program that helps you easily add what is slimbox videobox video to website, web page or blog, in a few clicks without writing a single line of code.

All it takes is 3 easy steps: 1.Add Video, 2.Select Template, 3.Publish. At the first step, you add a play pop up videos youtube player video clip, for example cut-n-paste YouTube url, then select the template for video popup and video thumbnail appearance and, at the final step, publish the result to a local drive or directly to the Internet via a built-in FTP client.

Video LightBox generates a nice image thumbnail for your clip. On click, this thumbnail expands into a stylish overlay window containing the video lightbox2 jquery quicktime video. No css, html, javascript coding, no image editing, just a couple of clicks to get the your video added to the Web!


DEMO

Features

Download for Windows



Download for MAC

Video LightBox is FREE for non-commercial use.

A small fee is required for business use. Video LightBox Business Edition additionally provides an option to remove the VideoLightBox.com credit line as well as a feature to put your own watermark to videos howto add local videos in videobox. After you complete the payment via the secure form, you will receive a license key instantly by email that turns the Video LightBox Free Edition into a Business one. You can select the most suitable payment method: credit card, bank transfer, check, PayPal etc.
Also you can get Business Edition for free if you help with translating Video LightBox site into your native language, please contact us at for more info.

What's New

Video LightBox v1.3 (November 20, 2009)

* New Windows, Mac and Facebook templates!

* Play button over the thumbnail!

* The ability to change the order of the videos in your gallery using mouse is added.

Video LightBox for MAC earns Apple 'Staff Pick' (August 19, 2009)

Apple Staff Pick

Video LightBox MAC version beta (August 17, 2009)

* MAC version of Video LightBox is added. Download it here

Video LightBox v1.2 (August 14, 2009)

* Video LightBox supports Google Video, Metacafe, Vimeo, MySpace lightbox effect video videos now!

* An option to add watermark over the video is added (for Business Edition only).

Watermark

Help

Step 1 - Adding video to website gallery .

Copy and paste a direct link to your YouTube video (or Google Video, Metacafe, Vimeo, MySpace) into the 'Video url' field and press "Add video" button.This video wp video for lightbox2 will be automatically added to your website gallery.

Video Pop Up Using Jquery

If you have included the videos that you do not wish to be in the website gallery,you can easily remove them. Select all videos that you wish to remove from web site photo and video gallery jquery gallery,and select 'Delete selected..' button from the toolbar. You can pick and choose videos byholding the CTRL while clicking the videos you like.

Step 2 - Video Gallery properties.

Switch between available templates to select a template you want to use in the Video Pop Up Using Jquery.

Control the quality of output thumbnail images by defining "Thumbnail quality" parameter (0%-100%).
You can establish the various sizes for the thumbnails.

Step 3 - Publishing of the Video LightBox. Put video on website or local drive.

Publish your website web gallery online or to a local drive.

Now you are ready to publish your website video gallery online or to a local drive for testing.Select the publishing method: publish to folder or publish to FTP server.




  • publish to folder. To select a folder on your hard drive, just click the Browse folders button and choose a location. Then click Ok. You can also set "Open web page after publishing" option.
  • publish to FTP server. The FTP Location Manager window enables you to define a number of connections for use when uploading your web site gallery to an FTP.

You are able to add a new FTP site by clicking "Edit" to the right of the "Publish to FTP server" drop down list. FTP Location Manager window will appear. Now type in a meaningful (this is not the actual hostname) name for your site and fill in the FTP details in the appropriate fields. You will have to type in your hostname, e.g. domain. The FTP port is normally located on port 21 thus this has been prefilled for you already. If your web site uses another port, you will have to enter it here.

Type in your username and password for the connection. If you do not fill in this information, Video LightBox is unable to connect to your site and thus not able to upload your videolightbox com serial videos to website. If this website enables anonymous connections, just type in anonymous as the username and your e-mail address as the password.

You might want to change the Directory as well if you need to have your uploaded images placed in e.g. "www/gallery/". You can specify it in the FTP Folder field on the Publish Gallery window.

Notice: Write the name of the folder where your website video gallery will be placed on the server. Notice that you should specify this field; otherwise your website video gallery visor de videos con light box will be uploaded into the root folder of your server!

Save your web video gallery as project file.

When you exit Video LightBox, you'll be asked if you want to save your project.The project consists of the videos you choose to put on your website video gallery and all your settings.It's a good idea to save the project, because that will allow you to change the project in case you decideto do something different with future galleries. So click Yes, then enter a name for your project.To select the location of your project, just click the Browse folders button and choose a different location. Then click Save.

Step 4 - Add Video LightBox inside your own page.

Video LightBox generates a special code. You can paste it in any place on your page whereyou want to add video popup.

    * Export your LightBox gallery using Video LightBox app in any test folder on a local drive.
    * Open the generated index.html file in any text editor.
    * Copy all code for Video LightBox from the HEAD and BODY tags and paste it on your page in the HEAD tagand in the place where you want to have a drupal lightbox flash video movie (inside the BODY tag).

wp plugin for video thumbnail video pop up using jquery<head>
...
  <!-- Start VideoLightBox.com HEAD section -->
   .....
  <!-- End VideoLightBox.com HEAD section -->
... </head>
<body>
...
  <!-- Start VideoLightBox.com BODY section -->
  .....
  <!-- End VideoLightBox.com BODY section -->
...</body>

  Jquery Thickbox Video  Jquery Plugins Video Player  Jquery Photo Video Gallery  Lightbox 2 Video Tutorial  Overlay Video Player Jquery  Put Video On Your Website  Wordpress Video Carousel  Drupal Youtube Video Gallery  Lightbox Para Videos  Vh1 Popup Video

Support

For troubleshooting, feature requests, and general help, contact Customer Support at .
Make sure to include details on your browser, operating system, Video LightBox version, and a link (or relevant code).


See Also

Jquery Modal Pop Up . jQuery LightBox Generator Jquery Modal Pop Up. Create excellent website photo galleries with minimum effort!. Nyromodal Postback Problem With Asp Net.

ASP.NET Confirmation Button using JQuery If we you are using ASP.NET validators you might want to show the confirmation pop up only the page is valid MooV: Using cutting edge Video phones and Software Video Phones

jQuery Pop Over Effects " Team Tutorials This tutorial we will create a pop over box using the jQuery Javascript Framework. I will demonstrate a few of the animation option in jQuery and disc

Using JQuery Photo Border, Scrolling and more plugins > Ryan Doom Using JQuery Photo Border, Scrolling and more plugins. By Ryan Doom on a DIV layer rather than a pop-up window that the pop-up blockers will not stop.

Rapid interactive prototyping with HTML, CSS, and JavaScript jQuery has received much attention lately as a very powerful, intuitive, and easy to use framework for adding Using DIV tags to structure the search results pop-up windows

Cruz3N: 65 Excellent jQuery Resources (tutorials,cheat sheets 15. Using JQuery to modify presentation while preserving document semantics JQuery Pop-up Menu Tutorial. 26. A Quick Code Igniter and JQuery Ajax

Make your own jQuery slider using XML Make your own jQuery slider using XML. Just a few days ago I had to I see where the up/down animation is in the jQuery code, but not sure exactly

  How To Put Video On Website  Video Lightbox Megaupload  Jquery Lightbox Example For Video Play  Video Lightbox Gallery  Video Overlay Popup  Jquery Video Playlist  Slimbox Play Video  Video Preview Thumbnail Joomla  Videobox Javascript  Lightbox Popup For Playing Video File 500 Popular jQuery Examples 1. jQuery Lavalamp Menu It is the jQuery plugin that is based of Guillermo Rauch over the previous images using navigation controls that pop up when the mouse moves over

Create a jQuery Popup Bubble " Digital Visions Queenstown Learn how to add a cool popup bubble to an RSS feed link using jQuery. Greg Since we are using background images for the rss icon and pop bubble, we do not need

13 Examples of Navigation and Transitions, using Jquery | RTP By using. jquery the page doesn't need to reload, which could work well with a gallery On rollover the thumbnails pop up a navigation panel with key

20 Best jQuery Menu Tutorials Collection | Freshers Wisdom 20 Best jQuery Menu Tutorials Collection Written by Phoenix Saturday, 15 August 2009 07:29 Currently 4.

Using JQuery Photo Border, Scrolling and more plugins > Ryan Doom Using JQuery Photo Border, Scrolling and more plugins. By Ryan Doom on a DIV layer rather than a pop-up window that the pop-up blockers will not stop.

Web Design | Gadgets - Social Media - Downloads | SpeedyWap In this tutorial, you'll see how to display the pop-up message in mouse clicked position using jQuery. When you click the mouse in any position

Really Useful Plugin Using Jquery and Wordpress | Galaxark Blog most effective.Wordpress and jQuery can work effectively if implemented correctly.Here we present you Really Useful Plugin Using Jquery and Wordpress.

Make your own jQuery slider using XML Make your own jQuery slider using XML. Just a few days ago I had to I see where the up/down animation is in the jQuery code, but not sure exactly