Linking Video to a Box Image - I.E. Having it play inside the same box.

[christycollins 3]

Please refer to this page http://www.garancedore.fr/en/category/videos/ I want to have the video play inside the same box with a still image as the first thing you see. For example, when I click on the still image the YouTube video comes up in the same box. So, I want it to play inside that same box and not open a new window or a new page.

[Rob 547]

If you upload an image to the box, then make the DIV surrounding the image include the video link, it would work. That's how it's done on that site: [code]

[/code] Do you see how they achieved it? Use Firebug to find the CSS for video_embed class on that site.

[christycollins 3]

Is that the easiest way to do it? So I must do it by adding code? I guess this is just over my head here. This code is put in the HTML part of the page, or is it put somewhere else? I can't figure out where the code goes. I need to learn how to use Firebug. If I plug in the code that you gave me and try to work backwards, all that does is put the video and then the picture. I does't marry the two together. So this doesn't mean anything to me either... "then make the DIV surrounding the image include the video link" Ok, so here is another example of the box with the video. I guess you have got the picture by now though. http://www.lamartina.com/en/#!prettyPhoto

[Rob 547]

Christy, there are plugins, many excellent ones, that can replace our boxes and sliders with ones that use static images as a link to videos. It's strongly advised that you use (and learn) Firebug for Firefox or Chrome's Inspection Tools (pretty much the same things). A pro might be needed if you're seeking to create something custom.

[christycollins 3]

can you please suggest one of the plugins?

[catrina 103]

Page @rangelone for a list of these plugins ;)