The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Add a video and pop it up
srfval
post Apr 7 2014, 05:43 AM
Post #1





Group: Members
Posts: 3
Joined: 7-April 14
Member No.: 20,692



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!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Apr 7 2014, 07:36 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
srfval
post Apr 7 2014, 07:41 AM
Post #3





Group: Members
Posts: 3
Joined: 7-April 14
Member No.: 20,692



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!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Apr 7 2014, 07:56 AM
Post #4


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
srfval
post Apr 7 2014, 08:05 AM
Post #5





Group: Members
Posts: 3
Joined: 7-April 14
Member No.: 20,692



Thanks! Will do!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jimlongo
post Apr 7 2014, 09:30 AM
Post #6


This is My Life
*******

Group: Members
Posts: 1,123
Joined: 24-August 06
From: t-dot
Member No.: 16



Also check JWPlayer
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Apr 7 2014, 09:56 AM
Post #7


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



I had thought of that, but I wasn't so sure if JWPlayer can open its files in a lightbox (overlayer) way.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jimlongo
post Apr 7 2014, 01:11 PM
Post #8


This is My Life
*******

Group: Members
Posts: 1,123
Joined: 24-August 06
From: t-dot
Member No.: 16



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/forum...nto-a-lightbox/
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Apr 8 2014, 01:51 AM
Post #9


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 11th December 2017 - 02:08 PM