new video window

[craigb05]

I am updating a few things on my site and I am adding video. I was wondering how I ccan make my videos to popup into an individual window, that fits tight around the video; instead of embedding it on my site or linking it to youtube. They have it on the smashing pumpkins website. smashingpumpkins.com/videos

thank you.

[Leprakawn]

Craig:

First, thanks for posting an original question!

There are several ways of doing this, and here are two methods I have used:

[head]<script>
function open_window1(url) {
mywin = window.open(url,"*window title*",'toolbar=0,location=0,directories=0,status =yes,menubar=0,scrollbars=1,resizable=0,width=270, height=600,top=30,left=5');
}
</script>[/head]

<a href="javascript:open_window('http://www.page.php'">

OR

[link]<a href="javascript:windowHandle=window.open('http://www.page.php','*window_title*','top=*some #*,left=*some #*,width=*some #*,height=*some #*,scrollbars=no');windowHandle.focus()">[/link]

The benefit of the first example is that all of your secondary windows will open in the same secondary window, and they will all have the same size. The benefit of the second code is that you can change your secondary window size; however, in order to make sure that happens, you will need to give each window a separate name. (Meaning that you will have multiple secondary windows... unless you do it like the photos page here, which is under Services.)

Hope this helps!!

[Leprakawn]

BTW, here is some more info about these examples: Using the window.open method

[zoul]

unless I'm a month late ... the smashingpumpkins website uses a 'lightbox' style popup, which is just a DIV that is centered on the page and 'floats' above everything ... it's not a 'real' popup.

There are various Javascript libraries out there that do this, one is Lightbox (Hence the 'lightbox style' comment) and another is ThickBox ...


Each of those sites links out to other libraries which are similar in nature.

Both are themable or skinnable.

-- David