How to make embed video div into full screen

basically

if i am using google embed video on a page



<embed style="width:607px; height:448px;" wmode="transparent"  id="VideoPlayback" align="middle" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=-5335217950858712033&hl=en&autoplay=1" quality="best" bgcolor="#ffffff" scale="noScale" salign="TL"  FlashVars="playerMode=embedded"> </embed>


how can i make a pupup that embed video into full screen… without the video being stop…

basically i want to use that same video instantaniously

use lightbox or something?

please help me out

If you’re wanting an exact mirror, I don’t think that’s possible, but to apply the embed in the popup window, the following should see you right.


var popup = window.open('', 'popupWindow', 'width=607,height=448');
popup.document.body.setAttribute('style', 'margin: 0');
popup.document.body.innerHTML = '<embed style="width:607px; height:448px;" wmode="transparent"  id="VideoPlayback" align="middle" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=-5335217950858712033&hl=en&autoplay=1" quality="best" bgcolor="#ffffff" scale="noScale" salign="TL"  FlashVars="playerMode=embedded"> </embed>';

thanks for replaying…

but in the past i’ve seen radio player was put cms block… then when someone click “popup” then the embed player goes on the pop-up and on the main radio block it says “radio on popup”

and it was done with java script…i am preety sure its possible if you understand what i am saying

please someone help

Well, because google doesn’t provide the fullscreen function in its own embed object, you cannot enlarge the video without stopping it, unless you download the flv, and host it yourself with the functionality of full screen mode in your player.

However, since you mentioned the lightbox, you can use one from these, which are lightboxes supporting videos. So you can embed your google video into one of these, increase the embed dimensions, and provide a separate link below your video for enlarging it. That should do the trick.

http://stickmanlabs.com/lightwindow/
http://videobox-lb.sourceforge.net/
http://www.phatfusion.net/multibox/

scott thanks for replay
i have the following question

is it possible to stop the embed video when clicking on the lightbox to make it full screen?

because normal video will be playing on page… when click FULL Screen… the light box will open…but the page video must stop or else two video will play at the same time…

That is true… but there is a simple hack you can do.

Embed your video on a seperate page, and use an <iframe> to display that on your main page. Now what you can do, is assign your ‘fullscreen video’ link dual functions; one, which would reload the page in your <iframe>, and the other would launch the lightbox. So, the video in your <iframe> would stop as the page would reload, and you would have a fullscreen video simultaneously.

Ofcourse, this would only be successful if you don’t have many videos to display, as you’d end up having several pages filled with individual videos which would defy the very principles of embedding a video in the first place (unless you’re really, really desperate).

Or you can use Revver

I just noticed you can fullscreen their embed videos!