QuickTime "Lightbox" on the Web

Does anyone know what technique Apple and others use to create that Lightbox-like frame when playing QuickTime videos on the Web? It's the frame that, after clicking on the play video link, jumps out of the Web page and plays the video in front of the page. An example of this can be found at:
http://www.apple.com/education/teachers-professors/
(click on the vide "Mac for any major" on the page).
Can this be done with a Javascript widget in iWeb?

Roger ~ Apple probably uses their own proprietary method, but see the Movies section here:
http://www.shadowbox-js.com/index.html
...iWeb's HTML widget uses iFrame and according to THIS old thread, there appears to be a problem with that:
It's said that the lightbox and shadowbox are not supported with iWeb's iFrames... and its true, I have tested it, sadly the lightbox is opening in the iFrame.
You'll also need to insert code in the <head> section of your iWeb pages. +iWeb Buddy+ lets you set up any custom scripting to be injected into the <head> portion of each page:
http://www.zarrastudios.com/ZDS/iWebBuddy.html
You may find some tutorials for Shadowbox in iWeb by searching HERE.

Similar Messages

  • Best way to encode Quicktime file for the web?

    Hello all and thanks in advance for your help with this problem.
    I need to know the best way to encode a quicktime clip for the web.
    This was my first try:
    http://www.denmothers.net/trailer-big.htm
    It works fine in safari, firefox, and ie for mac, provided they have quicktime 6 or later but it seems not to work on pc browsers. The file is encoded as an .mp4 using compressor and played with the browser's quicktime plugin. I've read that encoding files as a .mov provides greater compatibility but when i compress it as a .mov using the mpeg4 codec the file sizes are huge and when i use the photo-jpeg codec the quality is poor. h.264 looks great and has low file sizes but then my viewers have to have quicktime 7 which i think is too limiting because many will have older computers.
    How should I encode my file such that it works best across browsers and platforms and has the highest quality at the lowest size?
    Best,
    Keegan

    If you open an .mp4 file in quicktime pro you can then select File->Save-As and you are presented with two options:
    Save as self-contained: This will create a .mov that is the same size as your .mp4 but is playable on any system w/ QuickTime 6 and the Mpeg-4 codec. (PC's included).
    Save as reference: This will create a small (>500kb) file that will simply reference the .mp4. If they're in the same folder the .mov created will open the .mp4. Without the .mp4 the .mov in this case is useless.
    For what you're trying to do I suggest going with self-contained.

  • Encode Quicktime file for the web

    I want to Encode a Quicktime file for the web and put it up on my .mac account web site - I have Sorenson Squeeze and Compressor 2....whats the best way and setting for this?

    Really no simple answer. I'd go for one of the H.264 (Quicktime 7) formats. Experiment to suit. Compressor has a few options for this to suit different bandwidths.
    Depends on who you want to be able to watch it, in which case a generic mpeg4 might be better or mpg1 for ensured compatibility.

  • Saving Quicktime videos from the web?

    I downloaded quicktime pro because I wanted to save other quicktime videos off the web. But it turns out I can only save one or two.
    Is there a way to save the other videos?

    Exactly what is happening when you are trying to save the other videos? Need details.
    Please post the link/URL of the video website for others to check for you.
    If you are trying to download streaming videos, make sure QT streaming settings are enabled.

  • Can one DISBALE "Save as Source/Movie" for a Quicktime file on the Web ?

    I recently learned how to assign quicktime files to links on the web.
    When you select a link, a new window opens up and the sound file begins to play automatically.
    I noticed that the listener can save this file to their desktop.
    IS IT POSSIBLE TO PROTECT SOUND FILE SO THEY CAN NOT BE SAVED TO A DESKTOP ?
    In other words, can one have a quicktime file without the "Save as Source" or "Save as Quicktime Movie" active, but greyed out instead ?
    Thank You,
    Marcello
    12 powerbook   Mac OS X (10.3.9)  
    12 powerbook   Mac OS X (10.3.9)  

    Thanks for the info.
    I have been able to post music to my site http://www.nunu.com
    Sound files are located under SOUND.
    (1) Is it possible for someone to hack the sound files ? I would like to post the tracks in their entirity, but only if they can be protected.
    (2) How exactly do you protect sound files with Apple Script ? Why is this a better way ?
    (3) Where can I learn how to save sound files in a movie wrapper ?
    Thanks again for your help.
    - m
    The html tag to do this is:
    object tag
    param name="kisokmode" value ="true"
    The embed tag
    kisokmode="true"
    This will remove the disclosure triangle (lower
    right) to save and also prevent Control-click
    (right-click on a PC).
    A better way is to use existing AppleScripts to make
    a copy of your file "Un-Editable" (the name of the
    AppleScript Droplet).
    To "test" the exploit try and save or edit one of my
    files:
    http://homepage.mac.com/kkirkster/64
    The page should load with a "poster.mov" file and the
    link to the href file isn't invoked until the viewer
    "clicks" on the poster movie.
    Once the href linked file opens even owners of QT Pro
    are prevented from "saving" the file.
    You'll need to save your .mp3 files inside a .mov
    "wrapper". They will still work as intended inside
    your html code with the .mov file extension.
    12" powerbook   Mac OS X (10.3.9)   1 GB RAM

  • Can't view Quicktime Movies on the web

    this is what im trying to view
    http://www.solent.ac.uk/360/hamwic_bedroom.html
    it worked a while back but not now, now i get the light blue logo with the question mark
    cant change file types in preferences they are not greyed out they dont even show as a list, it says programatically set
    i found qtp whatever it was in regedit changed everything to full control
    moved quicktime .xml file onto desktop from apple computer folder
    uninstalled and installed quicktime a few times
    tried with ie8 google chrome and cometbird
    no luck
    quicktime is terrible, i dont know why so many things on the web need it to play, they may as well ask notepad to open the files.
    cheers

    I'm having the exact same problem... Don't know when but IE and Firefox are refusing to play quicktime files. I can run the quicktime player and play MP3 and MOV files (which is what I normally do) but nothing is playing from the browser.
    I've tried pretty much everything I can think of... in the end, QuickTime is not showing up under Set Default Programs or Set Program Associations (via QuickTime Preferences->Browser->MIME Settings or File Types).
    I can install QT-Lite, and everything works for the browser... except now I don't have a standalone player that plays MP3 and MOV files because I cannot have QT-Lite installed alongside QuickTime.
    Please advise.
    Thanks,
    Jason

  • Best method to compress a quicktime mocie for the web

    I have a 30 second quicktime movie that is 112.5 MB in size. I want to compress it to be placed on the web. The audio needs to be great as I am a composer and that is of primary concern. I think that I would like to get it down to somewhere around 3 to 4 MB in size. What is the best tool to use? Is Compressor the easiest software to do this specific task? Thanks.

    hey dmbpictures, welcome to the forums!
    to answer your questions:
    1) When I originally compress from FCP to a Quicktime
    Movie, does it need to be self-contained? (I didn't
    check that box)
    i tend to stay away from reference files only bcz in my experience, i have a lot of trouble when encoded using either compressor or QT Pro export.
    2) When you export the movie once in Quicktime, what
    Compression Type do you use? (I chose Sorenson Video
    3, wasn't sure if that was the right one).
    this is a difficult question, you can use either sorenson 3, or mpeg4 (i personally use mpeg-4 more for web) since they are both very good codecs. i guess with some testing, you can find the right one. technically speaking, QT supports both codecs, so playback would not be an issues unless the downloader does not have QT.
    3) Is it better to do it this way than using
    Compressor? Just curious.
    once again, its my personal preference to use QT export bcz it gives you a lot of control, not as much as compressor, but enough, and i feel its more stable and it encodes faster with less resources (checking teh activity monitor) vs. compressor. if i could, i would use cleaner but its not supported by OS X (10.4x)
    hope that helps
    Mikey M
    Dual 2.5GHz G5; 1.1TB Internal; 5.5GB RAM; ATI Radeon 9800 Pro; 23" Cinema   Mac OS X (10.4.6)   DeckLink HD Pro 4:4:4; LaCie 1TB Bigger Disk; Atto ExpressPCI UL3D; Pioneer S201

  • What are the best settings for Quicktime movies on the web?

    I've created a movie and exported it from IMovie. One version is 7.3 megs, and loads fairly quickly when I have it on a web page. I used broadband medium settings from IMovie to create it. I also created a file that is 19.3 megs using broadband high settings from IMovie. That file is way too big to load in a reasonable amount of time. Thing is, I can't stretch the 7.3 meg version (or don't know how) to make it any bigger. Is there a way I can make it bigger in the web page? Maybe that's a Dreamweaver question. Thanks.

    You would need to add a few lines of code to your Web page and that depends on which html "style" you've used.
    For the "object/embed" style code you would change your dimensions from those found in the source file to those you want to use in your page. Then add scale="tofit" in the embed tag code and param name="scale" value="tofit" in the object tag.
    Don't forget to add 16 pixels to the height to show the movie controller (if used).

  • Fast start for Quicktime movies on the web

    Hi All,
    So I finished my first FCE project and posted the movie on my web site. But Quicktime doesn't start playing the movie until after it is completely downloaded. This doesn't happen with the other movies I have on my site, and as far as I can remember I used the sames options in Quicktime export. I selected the "fast start" option in the box "Prepare for Internet Streaming", as I always do.
    Is there something more that I need to do when exporting a FCE project? Or is there another option that I forgot in the Quicktime export settings?
    Thanks in advance for your help
    Florence

    OK, I tried again and again and again... and I finally know what I did wrong. The movie was exported from FCE with the fast start option, but then I opened in with Quicktime to make a small change (define the poster), and apparently this also removed the fast start option. Now I'll know not to change anything after the export :-/

  • Can I convert a book made in iPhoto to a quicktime movie for the web?

    Hi,
    Please help, I have a great book that I have made in iPhoto and had printed but would like to post it to my mac website for people to be able to view with all the photos, titles, and audio. Is this possible?
    Thanks.
    Jim

    James:
    Welcome to the Apple Discussions. There are two ways you can do that.
    While in the book mode, do a Print to PDF in the Print window but select the Send PDF to iPhoto option. This will start an Automator process that converts each page to a jpg file and imports it into a user determined album in iPhoto. NOTE: when the process is complete and it's time for you to name or select an album a window will be presented. BUT if often stays behind the other windows and you'll think the process has failed. So make sure you can hide the other windows if it doesn't present itself to you. It took me several tries before I realized what was happening.
    Once the pages are in iPHoto as separate files, you can try:
    1 - put them in an album and add to an iWeb photo page where they can be viewed individually or as a slideshow.
    2 - create a slideshow in iPHoto, export to Quicktime and post that QT movie file to an iWeb page.
    3 - create an iDVD project, add a slideshow and import the stills into iDVD to create a slideshow with music. A great gift to go along with a book. This method is explained in Tutorial #6.
    Do you Twango?
    TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
    I've written an Automator workflow application (requires Tiger), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.

  • Quicktime movies on the web

    I have placed short quicktime movie clips on my website saved as H.264. Unfortunately some can see it others get nothing or just sound. File was originally created as DVCPro HD and exported as H.264 with 1000 bit rate and loaded on my site. Is there a particular format and settings to export with that everyone can view and that holds the same good quality as H.264
    http://www.ronfrankproductions.com/sitebuildercontent/sitebuilderfiles/demo4.mov
    thanks.

    Is there a particular format and settings to export with that everyone can view and that holds the same good quality as H.264
    No such animal. No matter what compression format combination you use, there will always be someone out there who cannot or will not use the the required software to view your files. In the case of H.264/AAC, viewers are limited to those using QT 7 or an equivalent media player. MPEG4/AAC would allow you to extend compatibility back to QT 6 and equivalent players but it still does not guarantee any particular user will have the required software and means you would have to increase the video data rate to maintain the same level of quality. You will simply have to use whatever compression format you think will reach your primary target audience and not worry about the rest or offer the content in multiple compression formats and hope for the best.

  • Help with authoring and posting Quicktime movies on the web

    Greetings all,
    I recently launched a new website (www.articles-of-war.com) with a 'movie trailer' page (http://www.articles-of-war.com/pages/down_trai.html) similiar to the movie trailer pages on the Apple site.
    The page has links to Quicktime movies of different sizes (small, medium, high, HD, etc). When I click any movie, though, it takes a long time for them to appear before they can play (the blue Quickime "Q" logo appears as the entire movie loads, for example), rather than playing almost immediately.
    When I built the trailer pages, I made sure to set "autoplay" to "true."
    When I authored the Quicktime movies, I used these settings:
    H.264
    Prepare For Internet Streaming (Fast Start)
    Data Rate: Automatic
    I'm sure I'm skipping some simple step to make these movies play right away - is there anyone that can offer some advice?

    You lost the "fast start" feature when you added the annotations and then used a regular "Save".
    Use "Save As" (QuickTime Pro) to restore the fast start feature and upload those new files again.
    You should also consider a more modern audio codec than IMA 4:1 to reduce the size of your audio track.

  • Getting tight quicktime videos on the web?

    Assuming, of course, that I start with a good quality video, how can I make the videos I post on my website look as tight and vivid as the Mac commericals do on the Apple website? Is there a trick in rendering them out, some other type of software I need? My videos don't look muddy or anything, they just don't pop like the Mac commerical.

    They are maybe shot in HD and exported to H264 at very high bitrates. Shoot in HD and export with very high bitrates in H264.

  • What Format to "Quickload" Over the Web?

    I've made my first little iMovie here, and I want to put a Quicktime file on the web that will load and start playing fairly quickly.
    I found the "Export Using Quicktime" entry in the "share" menu, but when I drill down a little further, I find all these different formats and size options and... well, I just don't quite know where to begin.
    There must be some combination of size and resolution and file format that generates a QT file that will start playing just a few moments after it starts downloading (via broadband, that is).
    Can somebody maybe direct me to a primer on iMovie and Quicktime file formats, or make a few suggestions where to start?
    Thanks,
    --PS

    Can somebody maybe direct me to a primer on iMovie and Quicktime file formats, or make a few suggestions where to start?
    The basic concept is to keep you data rate as low as possible. All of the things pointed out by Karsten help to reduce your overall data rate. The lower the data rate, the smaller the file. The smaller the file, the faster it loads at any given connection speed. While the concept is simple, you will have to do some trial and error experimentation to determine what compromise in quality you are willing to accept to gain the speed you want.

  • Help!!! How to make quicktime plugin do not display on top of the web page?

    Any one knows how to make quicktime plugin do not display on top of the web page??? I've tried to change the zIndex property using javascript, but it doesn't work.
    Because we have some widgets which are required to be moved to anywhere on the page, we use iframe to implement that, so it can display on top of quicktime plugin, but the plugin flickers sometimes when we do some operation on the widget which is on top of it.
    Anyone can helps me? Thanks in advance!!!
      Windows XP Pro  

    > Can you tell me how to set the script so that the
    lightbox image is
    > displayed
    > on mouseover instead of mouse click.
    Check the docs. Trent is usually very thorough in his
    instructions.
    Hint: I haven't studied it but it probably involves modifying
    one of DW's
    built-in Behaviors.
    Walt
    "ducati1" <[email protected]> wrote in
    message
    news:gkb906$qrd$[email protected]..
    > Wow that DW extension is just what I needed.
    > Thanks..
    > Can you tell me how to set the script so that the
    lightbox image is
    > displayed
    > on mouseover instead of mouse click.
    > I currently have the thumbnails set to insert the ALT
    text into a text box
    > on
    > mouse click.
    >

Maybe you are looking for