How To Create Beautiful Video Lightbox Effects – WVU #70
Posted On: January 29, 2010
Posted In: lightbox for video, video lightbox, videolightbox.com
Comments: 25 Responses
Posted In: lightbox for video, video lightbox, videolightbox.com
Comments: 25 Responses
If you’ve ever clicked on a link and seen a video magically appear in the center of a web page, that’s a video lightbox. Creating them has always been a bit confusing. But in this video I share a tool that makes it point-and-click simple for anyone.
Resources
VideoLightBox.com
Hi Dave,
Another great podcast post from you!
Have you done something with the sound (where you talking here)? Stereo? Even with mono headset it sound alike “stereo”.
Bjarne
@Bjarne – Yes, for this particular video the audio was recorded in stereo, which I normally don’t do for screen capture videos.
Great program for local files and Youtube etc. However, just tried to use Amazon S3 links in the index.html code and will not play. Shame – all my videos are uploaded to S3 and would have been nice just to paste the link to the MP4 file in there,. Maybe something for a future release.
Looks professional and a good resource, Dave.
Hi Dave,
Will this work with videos hosted at ClubWVU?
@V. Scott Sanders – No…you’d need to check out the Quick Hits section of the club where I demonstrate how to open videos in a lightbox, in Worpress or on a regular HTML page.
Having installed lightbox scripts on some sites and having struggles to make it all work this is a terrific new solution! I am stoked.
Thanks Dave
HI Dave,
Awesome!
I am curious as to what your settings in your flash videos are for….
Video bitrate = ?
Frame rate = ?
Audio Bit rate = ?
Sample rate = ?
I run at 20fps, video rate 1500kbps, 44100 hz, and 128kps…..most users have no troubles but some do, and the video isnt as highquality as i want it, but i have to keep it at those settings if i want users to be able to watch the videos withouth the loading deal coming up, because their computers are to slow
what are your suggestions?
Thanks so much!
@Vincent – My videos are typically at a bit rate of 800, 30fps, 44.100, 128k. I cover the specifics of my workflow in my paid training at http://www.webvideouniversity.com
I am using the Emicsoft FLV Converter for Mac, because it was only $39 bucks as opposed to sorenstin squeeze at 499
i might go there one of these days if i really need to
Thanks
Yet again – another amazing tip. Dave – you are THE BOMB – I have really wowed my clients with my knowledge – most of which has been from your great course and your Tips of the Week. Heartfelt thanks. Natasha B
You’ve done it again Dave! On my list of things to do was “find out how to make lightbox videos” and here you are giving me just what I need. I find great value in your weekly web video tips – thanks so much for sharing your expertise with us all!
Phil
Does anyone know how to convert the free version to the business edition ? I have purchased the business edition as very pleased with the results, I have received a license key via Plimus, but there is nowhere in the software to input this key ! No response from customer support either. Any help appreciated.
Hi Deznos,
I ran into the same exact problem. Please check your spam mail and you will find the relevant email there.
Also, I was able to make it work with Amazon S3.
Any clarification, please let me know.
Deznos.
To Deznos;
Do you need the paid version to get it to work with S3#
Rainer
Sorry for the confusion. The above comment was directed to Jeff Usher.
Deznos.
Does this software work with videos hosted on S3?
Hi Rainer,
Frankly, I haven’t tried it with the free version but I don’t see why the free version would not work with S3. The paid version merely allows you to choose your own watermark, removes the “VideoLightBox.com” credit line and gives you a couple more player options, that’s it.
So the free version should work just fine assuming you understand the not-so-complex technical issues to overcome.
Deznos.
Fantastic i wanted to do this with the JW Player but couldn’t get the xml Play-list to work
is there a way of inserting this into my Dream weaver HTML page in my Spry tabbed panel like putting it in a div tag? Great way for my customers to see my artists at work
Stuart – wondering what your solution was. I have a Lightbox gallery on one page of my site. However, on another page I am building as a storefront, I wanted to add a Lightbox effect to an image in a Spry Tabbed Panel (being built in Dreamweaver). I am using all the same code as in my gallery, but it’s not working on this page for some reason. I’m hoping maybe your solution would work for me, too.
Hi Doris first of all i am using Dream weaver cs4
what i did was i went into my tab panel content
and in the split view mode i set up a Div u can name it anything you want make sure you are not inside a
try tag and give at a class id like video and be sure to give it a width say 550px then what i did was copy and pasted in the Div tag the code
from the video HTML that you created from all of your videos that you made in video light box right click on the HTML file and open it up in a text edit
something like text wrangler and paste in the code something like this below . And then from the same folder drag and drop the two folders called data and engine into your site root folder of your site then you will see the videos in your page then upload everything to your site with an FTP server
Good luck .
hope it helped .
#videogallery a#videolb{display:none}
How to Website Video by VideoLightBox.com v1.7m
Doris sorry did you mean videolight box or light box ?
Lightbox (for photos, not video)… I guess I assumed the fix for the Spry Tabbed Panel might be similar regardless of if it were video or photo.
Wow i just saw that it unlinked my lightbox
images in my tabbed panels that’s strange see what i can do to fix it
strange. I will let you know
Thanks Dave i figured it out i did just what i said i would do and it worked out !!!