www.webdeveloper.com
Results 1 to 4 of 4

Thread: Quicktime browser resizing

  1. #1
    Join Date
    Aug 2007
    Posts
    2

    Quicktime browser resizing

    Does anyone know how to resize a browser window to fit a quicktime window. So that when you click on a link the quicktime does not look swamped by the web page.
    Please go easy on me i'm not an HTML or Javascript geek. Keep it simple.
    Any help would be appreciated.

    An example here if you click on this guys reel

    http://www.basism.com/

    I dont, actually think it's anything to do with a browser I think it's maybe a script that launches the player on its own anyone else have any ideas.

    My videos will live on a server and then be accessed by my clients when I give them the appropriate URL so is this something I could to the videos on the actual server or not.

    PLEASE HELP!

  2. #2
    Join Date
    Mar 2005
    Location
    Sydney, Australia
    Posts
    7,974
    You can't resize an existing browser window which may in any case be just one of several tabs in the browser.

    You can suggest a width and height for a new browser window in the third parameter of the window.open() statement in JavaScript and depending on the browser settings this will either work or be ignored.

  3. #3
    Join Date
    Aug 2007
    Posts
    2
    Thank you for your reply felgall, did you look at the example I posted above. It is not so much a new browser window as just the Quicktime player launching itself as a standalone app (or from what I can tell). I think it's something to do with HREF tracks (I could be wrong).
    I dont know Javascript (im a video geek) so any examples I could copy and paste would help. Also is this something you add when embedding or can it be done directly to quicktime player itself. ie. so I can do it directly to the files that live on my server.

  4. #4
    Join Date
    Feb 2008
    Location
    NW Washington State
    Posts
    1,856
    The page shown in the link above displays a bunch of Flash .swfs in strips. The Flash acts as a button and links to a smaller javascript popup window which holds a plain old html page which happers to have a QT player embedded on it.
    To verify that, use this address, which appears at the top of the small popup window:
    http://www.basism.com/popup/colacao.htm
    Without the javascript to control the size, it opens in your normal size window. When you see the QT player in the small windows it's because the .js is controlling the Web browser window and it has nothing to do with the QT palyer itself. They just matched the window size to that of the video.
    Code:
    <object width="400" height="316" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" align="top">
            <param name="cache" value="false">
            <param name="src" value="../mov/colacao.mov">
            <param name="autoplay" value="true">
            <param name="controller" value="true">
            <embed width="400" height="316" src="../mov/colacao.mov" align="top" pluginspage="http://www.apple.com/quicktime/download/" type="video/quicktime" controller="true" autoplay="true" cache="false" ></embed>
          </object>
    JS popup windows very easy to create, for example:
    Code:
    <h2><span class="style1">Use this link to access on-line video tutorials </span><a onclick="Javascript:window.open('http://www.cidigitalmedia.com/tutorials/wbc_tuts.html','_blank','height=700, width=1000,resizable=no,location=no');return false;" href="wbc_tuts.html">CLICK HERE TO WATCH</a></h2>
    Use that in your Flash button or on the html page to link to your small (or whatever size) window.
    Google javascript popup windows for params and more info.
    Best wishes,
    Eye for Video
    www.cidigitalmedia.com

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles