Looking for a lightbox style extension for Quicktime Videos

[ducati1]

Hi guys,

I am looking for a lightbox style extension for Quicktime Videos. I can't find anything on the net.

Can anyone recomend something easy? Bare in mind I am not good with scripting.more of a designer.

Thanks everyone.

[pziecina]

Have you tried inserting the <object> code for QuickTime into the <div> code (where the images would go), in lightbox?

PZ

[ducati1]

Hey,

thanks for your help.

I can't get it figured.

Are you able to adjust the code here as an example for me?

<td><div align="right"><img src="images/Aicon.jpg" width="30" height="30" /></div></td>

    <td><div align="left">Watch this video tutorial</div></td>

                <td><div align="center"><a
href="TutorialScreencaptureVideos/360DegreeGifImage.mov"
rel="lightbox"><img src="images/QuickTimeImage.jpg" width="66"
height="56" /></a></div></td>

            heres the page in question and I'm trying to get the first quicktime movie from the top to open in a lightbox style application.

http://www.totalfitnessmanagement.com/fAQ3.aspx

[ducati1]

sorry here's the code again.

<td><div align="right"><img src="images/Aicon.jpg" width="30" height="30" /></div></td>
                <td><div align="left">Watch this video tutorial</div></td>
                <td><div align="center"><a href="TutorialScreencaptureVideos/360DegreeGifImage.mov" rel="lightbox"><img src="images/QuickTimeImage.jpg" width="66" height="56" /></a></div></td>

[pziecina]

Sorry, but for some unknown reason your link is not working!

Here are the instructions for including QuickTime in a webpage:

http://www.apple.com/quicktime/tutorials/embed.html

Basically you are inserting a JavaScript file in your lightbox page and this 'calls' your QT movie.

HTH

PZ

[Nancy OShea]

Not an extension but a script library you can use.  Just follow the detailed instructions.

http://randomous.com/floatbox/home

Look at DEMOS.  Floatbox can handle just about any media type you wish to use.

Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
www.alt-web.com/
www.twitter.com/altweb

[pziecina]

I have done a little more searching and thought this may be what you are looking for:

http://videobox-lb.sourceforge.net/

PZ

[ducati1]

Thaks for your answer again

But I just don't know oding which is why I was looking for an extension.

But I did try to get this addon installed on the page,

Maybe yo can see where I am going wrong.

Se the code for this page

http://www.totalfitnessmanagement.com/fAQ2.aspx

[pziecina]

Actually you came very close to not needing this reply.

In your code you are missing a </script>, and this is stopping the mootools.js from running.

If you look for:

</style>
<link href="style.css" rel="stylesheet" type="text/css" /><link href="Style/style.css" rel="stylesheet" type="text/css" />
<script type="text/JavaScript">
<!--

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a.indexOf("#")!=0){ d.MM_p=new Image; d.MM_p[j++].src=a;}}
}
//-->

The missing </script> goes here.

<script type="text/javascript" src="js/mootools.js"></script>

HTH

PZ

[ducati1]

Thanks so much for your help.

I have got it all working now.

[ducati1]

Sorry 1 last thing.

I tried applying the script to a page in a sub filder.

http://www.totalfitnessmanagement.com/MiddleUserAdmin/FAQ.aspx

And it isn't working.

Would you mind taking a look?

[ducati1]

Also this function only works in Firefox, In ie it is not working. Shame.

[pziecina]

Sorry about all this, but it seems that playing videos in a lightbox window is the ultimate goal.

I have tried the You tube video in my FF and it works O/k except that it does not auto-start. You are correct about not working in IE, (although the documentation says it does!).

I have found another one that works in IE but the QuickTime part does not seem to work in FF, you can check this out yourself as it may be my settings.

http://www.stickmanlabs.com/lightwindow/#demos

(The note on website says that the theme they are using has an effect on compatibility, so this may also cause the problem in FF.)

After much digging around various websites and forums, mootools had a problem working with IE and the recommendation is to download the new version of mootools from: http://mootools.net/download

HTH

PZ

[ducati1]

ok well the strange thing is it works in ie on this page

http://www.totalfitnessmanagement.com/fAQ.aspx

but on this page it only works in firefox

http://www.totalfitnessmanagement.com

Maybe you can see some difference in the 2 pages that I cannot?

[Nancy OShea]

Malformed code can be a problem.

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.totalfitnessmanagement.com%2F

Some of these reported errors are caused by MM rollover code.  But there are other more serious errors there such as malformed table code and a few extra </body> and </html> tags.

Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
www.alt-web.com/
www.twitter.com/altweb

[pziecina]

The only difference I can see is that the log-in page uses much more javascript, Try removing the extra javascript and see if this works, that way we can at least eliminate it.

PZ

[benblue]

the phatFusion Multibox supports the .mov format. have you tried that? i LOVE it. its a free extension under Widgets.

[ducati1]

Hey thanks so much for replying to my thread.

As I'm not good with coding can you please provide an example of how to get this great product up and running.

I couldn't see a clear example on the site link.

[Guest]

I'm working on a version of my CyberGallery Behavior that is able to display a mix of images, QuickTime movies and SWF or WMV files. I don't have a demo of the new version up and running yet but you can see the way CG works with images at http://www.actionscafe.com.

I'm not sure if there will be any interest in these new features, so if you get a chance I'd appreciate some feedback. Thanks.

walt

[Guest]

I've uploaded a demo of my CyberGallery 6.0 at http://www.actionscafe.com/Features_Folder/CyberGallery/cgfeatures.html. The demo displays Images, Quicktime and Windows movie files and Flash files. It also displays a mix of these files in the demo slide show.

walt