Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Graphics, Flash and Multimedia _ Add a video and pop it up

Posted by: srfval Apr 7 2014, 05:43 AM

Hi all,
I am new to this forum and in HTML in general.

I have my website and I need to add videos in my portfolio page.
What I want to do is this:
Have several small thumbnails (images) which when the viewer clicks on each one
to have the appropriate video play BUT in a pop-up window, with the controls (play-Pause, time etc)
and maybe a small X button on a top corner to close that.
That video MUST play on top of the portfolio page and not open another Tab or window.

All the videos and thumbnails will be loaded from the server the website is on and not embedded from another
like Youtube, Vimeo etc.

Could someone help on how to achieve that?

Thanks!

Posted by: Frederiek Apr 7 2014, 07:36 AM

Then search for a lightbox or an alternative of that, such as LightBox, Thickbox, Fancybox, Colorbox, etc. Most have support for videos from at least YouTube and probably Vimeo.

Posted by: srfval Apr 7 2014, 07:41 AM

Thank you Frederiek,
I will take a look but I do NOT want to embedd from Youtube Vimeo or another. ONLY from my own web server.
Will those do the job?

Do they also have support on what code to use?

Thanks!

Posted by: Frederiek Apr 7 2014, 07:56 AM

No, they're not embedded as such, though you'll have to provide the links to the videos somehow anyway.

They are usually build upon jQuery (plug-ins) and display a container (div) on top of the page. Just try out the demos everyone of them has. And read the documentation on how to use them, particularly concerning video integration.

Posted by: srfval Apr 7 2014, 08:05 AM

Thanks! Will do!

Posted by: jimlongo Apr 7 2014, 09:30 AM

Also check http://www.jwplayer.com

Posted by: Frederiek Apr 7 2014, 09:56 AM

I had thought of that, but I wasn't so sure if JWPlayer can open its files in a lightbox (overlayer) way.

Posted by: jimlongo Apr 7 2014, 01:11 PM

Well not directly, but you do need something inside the lightbox to play the video. As you said most of them support vimeo and youtube, but if you want support for self-hosted files you're going to need some method of displaying them after the lightbox pops them up.

Seems other people want this, I'd check support at JWPlayer, ethan is very helpful.
http://www.longtailvideo.com/support/forums/jw-player/video-encoding/36964/jw-player-into-a-lightbox/

Posted by: Frederiek Apr 8 2014, 01:51 AM

Ok, thanks. I asked you, since you are familiar with JWPlayer, so it would help the OP.

If people are already asking for it, they might as well publish the solution on the web site.