Embrace the timeline….

On creating rich, flashy and immersive advertising experiences online by Owen van Dijk

Fullscreen Flash Video implementation

with 20 comments

I quickly whipped up an example that shows the new Fullscreen feature of the Flash Player. If you want to test the functionality as well as testing out your CPU/performance just follow the link. I’ll be working today on more examples with high bitrate encoded FLV’s. Please post your questions or feedback 🙂

UPDATE 1: Make sure you have the latest beta plugin ( 9.0.18.60 ) installed, which you can download here.

UPDATE 2: I have another example where the source material is film, which looks absolutely stunning fullscreen.

UPDATE 3: Stefan has posted another great example that takes up the whole screen 🙂

Link: Fabchannel.com wins Webby for Best Music – Fabchannel.com.
Link: Cars Trailer – Mutoid.nl

Advertisements

Written by ohwhen

October 5, 2006 at 12:17 pm

Posted in Web/Tech

20 Responses

Subscribe to comments with RSS.

  1. That is too Nice! Thanks for the example. I was hoping someone would post one.

    diamondtearz

    October 5, 2006 at 1:18 pm

  2. Fullscreen didn’t work for me. It made it larger, but not even the full width of the browser.

    I am running OSX 10.4.7, Firefox 1.5.0.7, Flash Player 9.0.20

    kent

    October 5, 2006 at 1:39 pm

  3. Hi kent, you need to install the beta player. Please check the previous posting ( http://blog.owenvandijk.nl/2006/10/fullscreen_flas.html ) for the link 🙂

    ohwhen

    October 5, 2006 at 1:54 pm

  4. This don’t work in Safari on Intel Macs.

    Installed player 9.0.20.0.

    As Kent stated it makes the video bigger, but not fulls creen and doesn’t event fill the browser.

    It alo starts off as if its in full screen but the video is in its small state. You have to select “Exit Full Screen” first (which does nothing) before you can select “Go Full Screen” which makes the video bigger.

    Tink

    October 5, 2006 at 3:06 pm

  5. That’s awesome. Could you tell us what is the magic code you’re using to make that happen?

    Flash.fullScreen = yesPlease?

    Paul Neave

    October 5, 2006 at 3:06 pm

  6. @Paul:

    It’s really simple, just use:

    Stage[“displayState”] = “fullScreen”; // “normal”

    or add the property to Stage.as in your classes folder. Then make sure you listen for the onFullScreen events that are fired by the Stage class to reposition the content when the ESC key is hit.

    @Tink:

    Thanks for the feedback, unfortunately i have only a n older powerbook available. I think it’s a bug?

    ohwhen

    October 5, 2006 at 3:16 pm

  7. hi!
    here’s another demo, using the FLV Playback Component:
    http://www.video-flash.de/wp-content/uploads/2006/10/flvplayback_fullscreen_demo.html

    I’ve replaced the forwardButton of the Component with a fullscreenButton. Source here:
    http://www.video-flash.de/index.php/flv-playback-component-fullscreen-skin/

    I also replaced the button-symbols with vector-graphics, because the looked ugly in fullscreen-mode.

    Ciao Flo

    flo

    October 9, 2006 at 11:52 am

  8. Hi,

    Here is another demo using Rich Media Project components :
    http://www.rich-media-project.com/fullscreen

    Try to use IE then Mozilla and you will see the awesome difference.

    Rich Media Project

    October 10, 2006 at 2:23 pm

  9. Great stuff!!!

    MrSteel

    October 11, 2006 at 2:17 pm

  10. Hey full screen video looks great! Just wondering what were the settings used to convert that file to flv? It looks really good fullscreen.

    Rayan

    October 12, 2006 at 3:47 am

  11. Wow ! It’s fantastic for sure.
    I sorry but I wasn’t able to get your’s to work without stopping every few seconds but I was able to get Stefan’s BBC clip to work. I noticed that your clip only downloads a swf file while Stefan’s downloaded a flv file and swf. Any reason for this ?

    Colin

    October 28, 2006 at 6:21 am

  12. What was your encoding specs and what was your final flv file size?

    Andy

    October 31, 2006 at 7:32 pm

  13. Hi there, great demo, any idea if you can set an object ie. the flvplayer to go full screen rather than the stage so if you have a menu etc the video goes full screen rather than everything.

    Cheers

    Jack

    jack

    November 1, 2006 at 4:16 pm

  14. You need version 9,0,28,0 on PC and Mac to get it to work.

    Mayuresh

    November 21, 2006 at 12:25 am

  15. Hello,
    I’m having the issue that Jack refers to. How to get just the FLV component to go full rather than the whole stage. Anyone ever figure that out?

    Thanks!

    GaryDev

    March 25, 2007 at 1:53 pm

  16. Hi , i love this video thing its an awesome future in webdesig. The question is : could any video get full screened without the users interferance? And could it be posible to actualy make an website with video technology? Thanks.

    Costinkara

    March 31, 2007 at 10:41 pm

  17. Hi, very cool tool. 🙂

    Gregor

    April 10, 2007 at 1:18 pm

  18. Very Impressive, I must emm acquire Macromedia 9 tonight and try one of these on my site. Thanks keep up the great work.

    JOHNS DOES

    July 13, 2007 at 11:17 pm

  19. very Coool!!!

    Can some explain in detail how to do it.

    alflashy

    August 14, 2007 at 9:33 pm

  20. i made a somewhat custom video player placed on a flash site which uses a video object controlled by mc control buttons.. my problem is, i cant make it the video player display fullscreen because the whole flash site fullscreens, can anyone help me? i cannot use any of the classes used in the stage class or any of the commands for fullscreen(fullscreenTakeOver, etc)

    engineeringmechanix2

    September 18, 2007 at 9:51 pm


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: