The following example shows how you can use the PopUpManager class to display a VideoDisplay control in a TitleWindow container in Flex.
Full code after the jump.
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/08/04/displaying-a-video-in-a-pop-up-window-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="top"
backgroundColor="white">
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
private function button_click(evt:MouseEvent):void {
var popUpVideoDisplay:PopUpVideoDisplay;
popUpVideoDisplay = new PopUpVideoDisplay();
popUpVideoDisplay.source = "http://www.helpexamples.com/flash/video/water.flv";
PopUpManager.addPopUp(popUpVideoDisplay, this, true);
}
]]>
</mx:Script>
<mx:Button id="button"
label="Launch video"
click="button_click(event);" />
</mx:Application>
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/08/04/displaying-a-video-in-a-pop-up-window-in-flex/ -->
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
showCloseButton="true"
styleName="noPadding"
creationComplete="init();"
close="titleWindow_close(event);">
<mx:Style>
.noPadding {
paddingBottom: 0;
paddingTop: 0;
paddingLeft: 0;
paddingRight: 0;
}
</mx:Style>
<mx:Script>
<![CDATA[
import mx.managers.IFocusManagerComponent;
import mx.controls.Alert;
import mx.core.IFlexDisplayObject;
import mx.events.CloseEvent;
import mx.managers.PopUpManager;
[Bindable]
public var source:String;
private function init():void {
PopUpManager.centerPopUp(this);
}
private function titleWindow_close(evt:CloseEvent):void {
PopUpManager.removePopUp(evt.target as IFlexDisplayObject);
}
]]>
</mx:Script>
<mx:VideoDisplay id="videoDisplay"
source="{source}"
resize="init();" />
<mx:ControlBar horizontalAlign="right" width="100%">
</mx:ControlBar>
</mx:TitleWindow>
View source is enabled in the following example.



{ 12 comments… read them below or add one }
Thats sick!
did anybody seen any good example of SWFAddress??gimme da links please?
HI well there is a bug here……the moment you keep pressing space bar…new window will load automtaiclly……can you resolve this
I have a form designed using Flex. The form does not fit the screen area and hence I am having scroll bars in it. When we click on some of the controls in the form, we open popups. But when the popup is opened, if we scroll the form using the form scroll bar then the popup is not getting scrolled. I want the popup to be scrolled along with the form elements. Please let me know how this can be done.
Thanks
Abhilash
ScottyG,
Oops.
The best fix is probably calling the
stop()method on the VideoDisplay control when the PopUp window is closed.Peter
If you use the close on the popup window the sound continues to play!
@Rod,
Correct. Sorry, I should have explicitly called the
stop()method in the close handler before removing the popup from the display list.Peter
videoDisplay.close();
I want controls to play, pause, stop the video. Is it possible in this example?
@xabibi,
Sure, in the PopUpVideoDisplay.mxml ControlBar, just add a few mx:Button controls that play, pause, stop the video.
Peter
Hey peter ,
Can this example be used to display the live stream ??
Apoorv