How can I do this? Really need help.

I have a video that is native resolution is 500 x 500 and I want to fit it in a 150 x 150 sidebar of my website.

I would like to give users the options to click full screen or some other button to be able to float the video in a 500 x 500 pop up window at its native resolution.

Any suggestion? Or any software can I use? I heard javascript can do this but how?

Thank in advance.

 

For example, on a YouTube video embed, you can change the width and height. So for your video, just replace whats in the object tags.

<object width="425" height="350">
   <param name="movie" value="http://www.youtube.com/v/8K_NQe57C-k"></param>
   <param name="wmode" value="transparent"></param>
   <embed src="http://www.youtube.com/v/8K_NQe57C-k" type="application/x-shockwave-flash" 
      wmode="transparent" width="425" height="350"></embed>
</object>

HTML:

 

Hi, thanks for your help. I tried that before but I find that only the Border get smaller but the video didn't get smaller. So I can not see the whole video.

 

Just check this out http://flowplayer.org/demos/tools/overlay.html. You can customize it for your requirement.

 

yes use overlay mixer.

 

Thank you guys, I will have a try. Anyway thank you, I now make two pages and use Moyea flash video mx pro to set redirect the link to the original size video when you click the small video.