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

Full Screen Problem

John Delamotte 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>

1. Re: Full Screen Problem

kglad Aug 30, 2012 8:26 AM (in response to John Delamotte)

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>
Like Show 0 Likes (0)

Actions
2. Re: Full Screen Problem

John Delamotte Aug 30, 2012 1:25 PM (in response to kglad)

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?
Like Show 0 Likes (0)

Actions
3. Re: Full Screen Problem

kglad Aug 30, 2012 1:25 PM (in response to John Delamotte)

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.
Like Show 0 Likes (0)

Actions
4. Re: Full Screen Problem

John Delamotte Aug 30, 2012 8:34 PM (in response to kglad)

Thanks worked great. Didn't know that was there.
Like Show 0 Likes (0)

Actions
5. Re: Full Screen Problem

kglad Aug 30, 2012 10:36 PM (in response to John Delamotte)

you're welcome.
Like Show 0 Likes (0)

Actions
6. Re: Full Screen Problem

John Delamotte Aug 31, 2012 7:34 AM (in response to kglad)

Is there a way to resize the stage to 500 width 281 height instead of: stage.displayState="normal"
Like Show 0 Likes (0)

Actions
7. Re: Full Screen Problem

kglad Aug 31, 2012 7:45 AM (in response to John Delamotte)

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).
Like Show 0 Likes (0)

Actions
8. Re: Full Screen Problem

John Delamotte Aug 31, 2012 8:14 AM (in response to kglad)

Thank you
Like Show 0 Likes (0)

Actions
9. Re: Full Screen Problem

kglad Aug 31, 2012 9:29 AM (in response to John Delamotte)

you're welcome.
Like Show 0 Likes (0)

Actions
10. Re: Full Screen Problem

John Delamotte Sep 5, 2012 12:37 PM (in response to kglad)

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?
Like Show 0 Likes (0)

Actions
11. Re: Full Screen Problem

kglad Sep 5, 2012 12:42 PM (in response to John Delamotte)

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

Actions
12. Re: Full Screen Problem

John Delamotte Sep 5, 2012 1:00 PM (in response to kglad)

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
Like Show 0 Likes (0)

Actions
13. Re: Full Screen Problem

kglad Sep 5, 2012 1:13 PM (in response to John Delamotte)

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.
Like Show 0 Likes (0)

Actions
14. Re: Full Screen Problem

John Delamotte Sep 5, 2012 1:35 PM (in response to kglad)

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.gif" alt="Get Adobe Flash player" /></a>
            
                                </object>
            
                        </object>
                </div>
Like Show 0 Likes (0)

Actions
15. Re: Full Screen Problem

kglad Sep 5, 2012 2:21 PM (in response to John Delamotte)

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>
Like Show 0 Likes (0)

Actions
16. Re: Full Screen Problem

John Delamotte Sep 5, 2012 2:28 PM (in response to kglad)

It's blank. Nothing is there
Like Show 0 Likes (0)

Actions
17. Re: Full Screen Problem

John Delamotte Sep 5, 2012 3:59 PM (in response to John Delamotte)

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)
Like Show 0 Likes (0)

Actions
18. Re: Full Screen Problem

kglad Sep 5, 2012 4:22 PM (in response to John Delamotte)

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.
Like Show 0 Likes (0)

Actions
19. Re: Full Screen Problem

John Delamotte Sep 6, 2012 6:04 AM (in response to kglad)

Didn't work.
Like Show 0 Likes (0)

Actions
20. Re: Full Screen Problem

kglad Sep 6, 2012 6:48 AM (in response to John Delamotte)

that looks good. now, what is the url to that embedding html?
Like Show 0 Likes (0)

Actions
21. Re: Full Screen Problem

John Delamotte Sep 6, 2012 6:58 AM (in response to kglad)

https://dl.dropbox.com/u/72608572/test1.html
Like Show 0 Likes (0)

Actions
22. Re: Full Screen Problem

kglad Sep 6, 2012 7:18 AM (in response to John Delamotte)

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%
Like Show 0 Likes (0)

Actions
23. Re: Full Screen Problem

John Delamotte Sep 6, 2012 7:46 AM (in response to kglad)

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.
Like Show 0 Likes (0)

Actions
24. Re: Full Screen Problem

kglad Sep 6, 2012 7:49 AM (in response to John Delamotte)

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?
Like Show 0 Likes (0)

Actions
25. Re: Full Screen Problem

John Delamotte Sep 6, 2012 8:01 AM (in response to kglad)

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.
Like Show 0 Likes (0)

Actions
26. Re: Full Screen Problem

John Delamotte Sep 6, 2012 10:00 AM (in response to kglad)

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.
Like Show 0 Likes (0)

Actions
27. Re: Full Screen Problem

kglad Sep 6, 2012 10:48 AM (in response to John Delamotte)

copy and paste your goFullScreen function.
Like Show 0 Likes (0)

Actions
28. Re: Full Screen Problem

John Delamotte Sep 6, 2012 10:53 AM (in response to kglad)

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";
    }
}
Like Show 0 Likes (0)

Actions
29. Re: Full Screen Problem

kglad Sep 6, 2012 11:32 AM (in response to John Delamotte)

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";
    }
}
Like Show 0 Likes (0)

Actions
30. Re: Full Screen Problem

John Delamotte Sep 6, 2012 11:43 AM (in response to kglad)

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
Like Show 0 Likes (0)

Actions
31. Re: Full Screen Problem

kglad Sep 6, 2012 6:54 PM (in response to John Delamotte)

you're welcome.
Like Show 0 Likes (0)

Actions