as3-video-Vollbild-Modus

Habe ich einen video-player, aber müssen Sie fügen Sie eine Schaltfläche, wenn darauf geklickt wird, bringt das video in den Vollbildmodus. Ich will nicht skaliert alles auf der Bühne - nur das video. Ich kann nicht scheinen, um herauszufinden, wie dies zu tun - ich dachte, es wäre einfach.

InformationsquelleAutor | 2009-09-21

  1. 2

    Sehen, ob das funktioniert:

    stage.displayState = StageDisplayState.FULL_SCREEN;
videoPlayer.x = 0;
videoPlayer.y = 0;
//save the width and height in temp vars 
//for restoring them later.
videoPlayer.width = stage.fullScreenWidth;
videoPlayer.height = stage.fullScreenHeight;
    dies ist das richtige... ^^^

    InformationsquelleAutor Amarghosh

  2. 1

    Mein Verständnis ist, dass können Sie nur die gesamte Bühne in den Vollbildmodus, nicht die Elemente selektiv, wie Sie effektiv scaling-up der stage-Objekt an die Wurzel der display-Struktur. Der beste Weg, um zu erreichen die Wirkung, die Sie suchen wäre anordnen/einblenden/ausblenden alle Objekte, die Sie nicht wollen, sichtbar zu sein in einer FullScreenEvent.FULL_SCREEN event-handler.

    http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/flash/events/FullScreenEvent.html

    Auch eine entsprechende Leckerbissen von der Bühne docs, displayState-Abschnitt:

    Das skalierverhalten des Films im Vollbildmodus wird bestimmt durch die scaleMode-Einstellung (die Einstellung erfolgt über die Bühne.scaleMode-Eigenschaft oder der SWF-Datei einbetten, tag-Einstellungen in der HTML-Datei). Wenn die scaleMode-Eigenschaft auf noScale während der Anwendung übergänge in den Vollbild-Modus, der Stage-Eigenschaften Breite und Höhe werden aktualisiert, und die Bühne ist das resize-Ereignis.

    InformationsquelleAutor JStriedl

  3. 1

    Stieß auf dieses problem erst vor kurzem und dies funktioniert wie Charme. So setzen Sie sich hier, falls es hilft jemand.

    Flex-Client-code:

    private function startFullScreen(event:MouseEvent):void
{    
    videoHolder.removeChild(vid);  //videoHolder is an spark VideoDisplay  
                                       Component
    this.stage.addChild(vid);           
    this.stage.displayState = StageDisplayState.FULL_SCREEN;
    oldWidth = vid.width;         //store old values required while going back
    oldHeight = vid.height;
    vid.width = this.stage.width;
    vid.height = this.stage.height;
    this.stage.addEventListener(FullScreenEvent.FULL_SCREEN,fullScreenHandler);
}
} 


/*      handler for Fullscreen      */
private function fullScreenHandler(event:FullScreenEvent):void
{
    //This function is called when user presses Esc key 
    //on returning to normal state, add the video back  

    if(!event.fullScreen)
    {               
        this.stage.removeChild(vid);
        videoHolder.addChild(vid);
        vid.width = oldWidth;
        vid.height = oldHeight;
        this.stage.removeEventListener(FullScreenEvent.FULL_SCREEN,fullScreenHandler )
    }
}

    InformationsquelleAutor GoldRoger

  4. 0

    Wenn Elemente auf der Bühne skalieren, klingt es, als würde man mit dem fullScreenRect Eigentum statt einfach der Anleitung des stage-Objekts gehen Sie in den Vollbild-Modus.

    Amarghosh hat den richtigen Ansatz, aber es kann gemacht werden flexibler durch die Anbringung eines listener:

    stage.addEventListener(Event.RESIZE, _onStageResize, false, 0, true);
stage.displayState = StageDisplayState.FULL_SCREEN;

private function _onStageResize(event:Event):void
{
    if(stage.displayState == StageDisplayState.FULL_SCREEN)
    {
        //Proportionally resize your video to the stage's new dimensions
        //i.e. set its height and width such that the aspect ratio is not distorted
    }
    else
    {
        //Restore the normal layout of your elements
    }
}

    InformationsquelleAutor Oliver Turner

  5. 0

    , Wechseln Sie In Den Vollbildmodus

    var fullScreenButton:Button = new Button();
...
addChild(fullScreenButton); 
fullScreenButton.addEventListener(MouseEvent.CLICK, fullScreenButtonHandler);
...
private function fullScreenButtonHandler(event:MouseEvent) 
{  
    var screenRectangle:Rectangle = new Rectangle(video.x, video.y, video.width, video.height); 
    stage.fullScreenSourceRect = screenRectangle; 
    stage.displayState = StageDisplayState.FULL_SCREEN;  
}

    Zu Verlassen Vollbild-Modus

    ...
stage.displayState = StageDisplayState.NORMAL;
...

    Hinweis: Sie können auch ESC drücken.

    Quelle: http://help.adobe.com/en_US/ActionScript/3.0_ProgrammingAS3/WS44B1892B-1668-4a80-8431-6BA0F1947766.html

    Aber hier sind Sie nicht die Größe des video-players ?!!!

    InformationsquelleAutor aruanoc

Schreibe einen Kommentar