Order Now AdSolution Sign Up | Login » Bits on the Run Sign Up | Login »

Forums

JW Player
/
Setup Issues and Embedding

Thumbnail of video, click for pop up?

6 replies [Last post]
Posted: Fri, 2009-03-27 13:28 Carina
Anonymous's picture

I am really new at this, I have the video on my website. But, to organize my website better I have placed navigational tabs in it. I tried to put the full size video in the tab but it isn't really working, because if you are not in the video tab the video doesn't stay in its tab and instead slides below the tab box. (example: http://www.norfieldfestool.com/fec12codr.html)

So, I would like to make a thumbnail of the video and when clicked upon it will popup the video in a new window and start playing the video. I know this is probably pretty basic but I can't find it.
Thanks.

Posted: Mon, 2009-03-30 14:46 zman  
Anonymous's picture

<a href=video.html target="_blank">Click to see video</a>

put your video in a new page called video.html

Posted: Mon, 2009-03-30 14:48 zman  
Anonymous's picture

ops...forgot the thumb
<a href=video.html target="_blank"><img src="cat.gif"></a>

Posted: Fri, 2009-11-13 17:03 Ryan  
Anonymous's picture

To take this one step further -

Is there a way to add a little play button that changes color on a mouse over to the thumbnail .jpg file?

For example on cnn.com they have little thumbnail previes in the "Dont Miss" section, some of these are to videos. They have a little play button and when you put your mouse over it gets darker.

Anyone know how to do this?

Posted: Mon, 2009-11-16 15:58 Ryan  
Anonymous's picture

nm...figured it out.

Posted: Fri, 2010-05-21 14:02 MikeS  
Anonymous's picture

Would you mind sharing how?

Posted: Fri, 2010-05-21 17:09 Craterscore  
Anonymous's picture

 
You just display a different image onmouseover and restore the original image onmouseout.

See:http://willswonders.myip.org:8074/player5/Simple_JWBox_v5.html

Look for:<img class="play" src="PlayButtonSquare70.png" width="30" height="30" onmouseover="this.src='PlayButtonSquare70M.png'" onmouseout="this.src='PlayButtonSquare70.png'" />in the page source.

  • Locked