Adobe Community: Full Screen Problem

John Delamotte Calculating status...

Currently Being Moderated

Full Screen Problem

Aug 30, 2012 7:14 AM

I'm having trouble, I want my animation to be able to go full screen, but it doesn't seem to be working. I don't know if the problem is in the actionscript or html. Thanks for any help

FullScreenBut.addEventListener(MouseEvent.CLICK, goFullScreen);

function goFullScreen(event:MouseEvent):void

{

setFullScreen();

}

function setFullScreen():void

{

if (stage.displayState== "normal")

{

stage.displayState="fullScreen";

stage.scaleMode = StageScaleMode.NO_SCALE;

}

else

{

stage.displayState="normal";

}

///////HTML/////////

<body>

<div>

<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>

</div>

</object>

</object>

</body>

4072 Views 31 Replies Latest reply: kglad, Sep 6, 2012 6:54 PM

Replies

63,118 posts
Jul 21, 2002

Currently Being Moderated

1. kglad,

Aug 30, 2012 8:26 AM in reply to John Delamotte

Report

try:

///////HTML/////////

<body>
        <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="200">
                <param name="movie" value="animation.swf" />
                <param name="quality" value="high" />
                <param name="wmode" value="opaque" />
                <param name="swfversion" value="15.0.0.0" />
                <param name="allowFullScreen" value="true" />

                <param name="expressinstall" value="Scripts/expressInstall.swf" />


                <object type="application/x-shockwave-flash" data="civilWarEraTest12.swf" width="1920" height="1080">

                        <param name="quality" value="high" />
                        <param name="wmode" value="opaque" />
                        <param name="swfversion" value="15.0.0.0" />
                        <param name="expressinstall" value="Scripts/expressInstall.swf" />
<param name="allowFullScreen" value="true" />

                        <div>
                                <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                                <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.g if" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
                        </div>

                </object>

        </object>
        <script type="text/javascript">swfobject.registerObject("FlashID");</script>
</body>

|
Mark as:
Currently Being Moderated

2. John Delamotte,

Aug 30, 2012 1:25 PM in reply to kglad

Report

I published from flash and it works to full screen, but when you click it again it seems to be aligning wrong. I tried top, bottom, middle, but it doesn't change. Is it something else?

|
Mark as:
63,118 posts
Jul 21, 2002

Currently Being Moderated

3. kglad,

Aug 30, 2012 1:25 PM in reply to John Delamotte

Report

oh wait, that html is totally screwed up and can't possibly be something published by flash.

start over. open your fla in flash and publish an html (with allow fullscreen selected) and swf. open the html.

any problems?

if so, copy and paste the html.

|
Mark as:
Currently Being Moderated

4. John Delamotte,

Aug 30, 2012 8:34 PM in reply to kglad

Report

Thanks worked great. Didn't know that was there.

|
Mark as:
63,118 posts
Jul 21, 2002

Currently Being Moderated

5. kglad,

Aug 30, 2012 10:36 PM in reply to John Delamotte

Report

you're welcome.

|
Mark as:
Currently Being Moderated

6. John Delamotte,

Aug 31, 2012 7:34 AM in reply to kglad

Report

Is there a way to resize the stage to 500 width 281 height instead of: stage.displayState="normal"

|
Mark as:
63,118 posts
Jul 21, 2002

Currently Being Moderated

7. kglad,

Aug 31, 2012 7:45 AM in reply to John Delamotte

Report

you can make it look like the stage is 500x281 but you cannot actually change the stage size unless you publish for 100%, use a scalemode of noscale and use javascript to resize the browser window (which you can only do if the window was opened using javascript).

|
Mark as:
Currently Being Moderated

8. John Delamotte,

Aug 31, 2012 8:14 AM in reply to kglad

Report

Thank you

|
Mark as:
63,118 posts
Jul 21, 2002

Currently Being Moderated

9. kglad,

Aug 31, 2012 9:29 AM in reply to John Delamotte

Report

you're welcome.

|
Mark as:
Currently Being Moderated

10. John Delamotte,

Sep 5, 2012 12:37 PM in reply to kglad

Report

What do you mean? Do I need to change any of the actionScript , because I already published at 100% and I have a function for no scale here.

FullScreenBut.addEventListener(MouseEvent.CLICK, goFullScreen);

function goFullScreen(event:MouseEvent):void
{
    setFullScreen();
}

function setFullScreen():void
{
    if (stage.displayState== "normal")
    {
        stage.displayState="fullScreen";
        stage.scaleMode = StageScaleMode.NO_SCALE;
    }
    else
    {
        stage.displayState="normal";
    }
}

As for javaScript, I know know a little bit but not much. Could you point the way? Do I need to remove my button for fullscreen in flash?

|
Mark as:
63,118 posts
Jul 21, 2002

Currently Being Moderated

11. kglad,

Sep 5, 2012 12:42 PM in reply to John Delamotte

Report

so, you want to start with a 400x200 stage and then make the stage appear to be 500x281 after returning from fullscreen?

|
Mark as:
Currently Being Moderated

12. John Delamotte,

Sep 5, 2012 1:00 PM in reply to kglad

Report

No I have a 1920x1080 stage that needs to fit in a 500x281 place on a webpage. The problem is that when I go fullscreen the screen is bigger than the moniter and when I exit "normal" == 1920x1080. (I need "normal" to == 500x281 and "fullscreen" == 100% width and 100% height) So the animation is bigger than 500x281, so it looks cropped

|
Mark as:
63,118 posts
Jul 21, 2002

Currently Being Moderated

13. kglad,

Sep 5, 2012 1:13 PM in reply to John Delamotte

Report

when you go fullscreen, your stage should occupy the entire screen (unless you have an flvplayback component somewhere).

does fullscreen look like you expect?

and, copy and paste your the html code you're using to embed your swf.

|
Mark as:
Currently Being Moderated

14. John Delamotte,

Sep 5, 2012 1:35 PM in reply to kglad

Report

On some moniters fullscreen is bigger than the screen. I don't think I have a flv playback comp. I check their resolution and if their browser was zoomed in, both neg.

//////////////////////HTML

<div id="flashContent">
                        <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="281" id="civilWarEraTest12" align="left">
                                <param name="movie" value="civilWarEraTest12.swf" />
                                <param name="quality" value="high" />
                                <param name="bgcolor" value="#ffffff" />
                                <param name="play" value="true" />
                                <param name="loop" value="true" />
                                <param name="wmode" value="window" />
                                <param name="scale" value="showall" />
                                <param name="menu" value="true" />
                                <param name="devicefont" value="false" />
                                <param name="salign" value="" />
                                <param name="allowScriptAccess" value="sameDomain" />
                                <param name="allowFullScreen" value="true" />
            
                                <object type="application/x-shockwave-flash" data="civilWarEraTest12.swf" width="500" height="281">
                                <param name="movie" value="civilWarEraTest12.swf" />
                                <param name="quality" value="high" />
                                <param name="bgcolor" value="#ffffff" />
                                <param name="play" value="true" />
                                <param name="loop" value="true" />
                                <param name="wmode" value="window" />
                                <param name="scale" value="showall" />
                                <param name="menu" value="true" />
                                <param name="devicefont" value="false" />
                                <param name="salign" value="" />
                                <param name="allowScriptAccess" value="sameDomain" />
                                <param name="allowFullScreen" value="true" />
            
                                <a href="http://www.adobe.com/go/getflash"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.g if" alt="Get Adobe Flash player" /></a>
            
                                </object>
            
                        </object>
                </div>

|
Mark as:
63,118 posts
Jul 21, 2002

Currently Being Moderated

15. kglad,

Sep 5, 2012 2:21 PM in reply to John Delamotte

Report

try:

<div id="flashContent">
                        <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="25%" height="25%" id="civilWarEraTest12" align="left">
                                <param name="movie" value="civilWarEraTest12.swf" />
                                <param name="quality" value="high" />
                                <param name="bgcolor" value="#ffffff" />
                                <param name="play" value="true" />
                                <param name="loop" value="true" />
                                <param name="wmode" value="window" />
                                <param name="scale" value="showall" />
                                <param name="menu" value="true" />
                                <param name="devicefont" value="false" />
                                <param name="salign" value="" />
                                <param name="allowScriptAccess" value="sameDomain" />
                                <param name="allowFullScreen" value="true" />
            
                                <object type="application/x-shockwave-flash" data="civilWarEraTest12.swf" width="25%" height="25%">
                                <param name="movie" value="civilWarEraTest12.swf" />
                                <param name="quality" value="high" />
                                <param name="bgcolor" value="#ffffff" />
                                <param name="play" value="true" />
                                <param name="loop" value="true" />
                                <param name="wmode" value="window" />
                                <param name="scale" value="showall" />
                                <param name="menu" value="true" />
                                <param name="devicefont" value="false" />
                                <param name="salign" value="" />
                                <param name="allowScriptAccess" value="sameDomain" />
                                <param name="allowFullScreen" value="true" />
            
                                <a href="http://www.adobe.com/go/getflash"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.g if" alt="Get Adobe Flash player" /></a>
            
                                </object>
            
                        </object>
                </div>

|
Mark as:
Currently Being Moderated

16. John Delamotte,

Sep 5, 2012 2:28 PM in reply to kglad

Report

It's blank. Nothing is there

|
Mark as:
Currently Being Moderated

17. John Delamotte,

Sep 5, 2012 3:59 PM in reply to John Delamotte

Report

I believe I fixed the problem by right clicking and checking show all. How do I make it stay and make it automatic for everyone else? (Automatic by they don't have to right click and show all)

|
Mark as:
63,118 posts
Jul 21, 2002

Currently Being Moderated

18. kglad,

Sep 5, 2012 4:22 PM in reply to John Delamotte

Report

click file>publish settings>html and select flash with fullscreen for your template, size percent and select 25 percent width and 25 percent height and for the bottom 4 comboboxes select default, default, center and center.

if that fails, attach a screen shot of that publish settings panel.

|
Mark as:
Currently Being Moderated

19. John Delamotte,

Sep 6, 2012 6:04 AM in reply to kglad

Report

Didn't work.

|
Mark as:
63,118 posts
Jul 21, 2002

Currently Being Moderated

20. kglad,

Sep 6, 2012 6:48 AM in reply to John Delamotte

Report

that looks good. now, what is the url to that embedding html?

|
Mark as:
Currently Being Moderated

21. John Delamotte,

Sep 6, 2012 6:58 AM in reply to kglad

Report

https://dl.dropbox.com/u/72608572/test1.html

|
Mark as:
63,118 posts
Jul 21, 2002

Currently Being Moderated

22. kglad,

Sep 6, 2012 7:18 AM in reply to John Delamotte

Report

comment out that scaleMode or change it when returning to normal:

function goFullScreen(event:MouseEvent):void
{
    setFullScreen();
}

function setFullScreen():void
{
    if (stage.displayState== "normal")
    {
        stage.displayState="fullScreen";
        //stage.scaleMode = StageScaleMode.NO_SCALE;
    }
    else
    {
        stage.displayState="normal";
    }
}

also, change those percents from 25% to 500/1920 x 100% ~= 26%

|
Mark as:
Currently Being Moderated

23. John Delamotte,

Sep 6, 2012 7:46 AM in reply to kglad

Report

Sorry I don't understand
"also, change those percents from 25% to 500/1920 x 100% ~= 26%"

do you mean

25% == 480x270
&&
26% == 500x281

if so it still doesn't work. Samething happens either dimension would fit fine on the page. So I don't think that should really matter.

|
Mark as:
63,118 posts
Jul 21, 2002

Currently Being Moderated

24. kglad,

Sep 6, 2012 7:49 AM in reply to John Delamotte

Report

in your publish settings change 25% to 26%.

the only problem i see at https://dl.dropbox.com/u/72608572/test1.html

is when returning from fullscreen. that problem is caused by your scalemode.

what problem(s) do you see with test1.html?

|
Mark as:
Currently Being Moderated

25. John Delamotte,

Sep 6, 2012 8:01 AM in reply to kglad

Report

I changed it to 26% now and commented out the return to normal. So the button doesn't work to return, but if you hit esc the scale is wrong.

Yes, That's the only problem. Returning from fullsrceen, the scale is wrong.

|
Mark as:
Currently Being Moderated

26. John Delamotte,

Sep 6, 2012 10:00 AM in reply to kglad

Report

I have <param name="scale" value="showall" /> in there and when it starts "show all" is selected, but when you exit fullscreen "show all" becomes unselected.

|
Mark as:
63,118 posts
Jul 21, 2002

Currently Being Moderated

27. kglad,

Sep 6, 2012 10:48 AM in reply to John Delamotte

Report

copy and paste your goFullScreen function.

|
Mark as:
Currently Being Moderated

28. John Delamotte,

Sep 6, 2012 10:53 AM in reply to kglad

Report

function goFullScreen(event:MouseEvent):void
{
    setFullScreen();
}

And the setFullScreen function is:

function setFullScreen():void
{
    if (stage.displayState== "normal")
    {
        stage.displayState="fullScreen";
        stage.scaleMode = StageScaleMode.NO_SCALE;
    }
    else
    {
        stage.displayState="normal";
    }
}

|
Mark as:
63,118 posts
Jul 21, 2002

Currently Being Moderated

29. kglad,

Sep 6, 2012 11:32 AM in reply to John Delamotte

Report

change that to:

function goFullScreen(event:MouseEvent):void
{
    setFullScreen();
}

And the setFullScreen function is:

function setFullScreen():void
{
    if (stage.displayState== "normal")
    {
        stage.displayState="fullScreen";
    }
    else
    {
        stage.displayState="normal";
    }
}

|
Mark as:
Currently Being Moderated

30. John Delamotte,

Sep 6, 2012 11:43 AM in reply to kglad

Report

lol, It works thank you. I would mark as correct answer, but there is no option. So I marked it as helpful! Thank you again

|
Mark as:
63,118 posts
Jul 21, 2002

Currently Being Moderated

31. kglad,

Sep 6, 2012 6:54 PM in reply to John Delamotte

Report

you're welcome.

|
Mark as:

Forum guidelines

Answers + Points = Status

10 points awarded for Correct Answers
5 points awarded for Helpful Answers
10,000+ points
1,001-10,000 points
501-1,000 points
5-500 points

ActionScript 3

Full Screen Problem

Aug 30, 2012 7:14 AM

More Like This

Bookmarked By (0)

Answers + Points = Status