NewSourceMedia Blog » window http://newsourcemedia.com/blog Focused on Interactive Design, Development and Marketing Mon, 07 May 2012 01:26:28 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Flash AS3 using FLVPlayback and Full Screen Mode http://newsourcemedia.com/blog/flash-as3-using-flvplayback-and-full-screen-mode/ http://newsourcemedia.com/blog/flash-as3-using-flvplayback-and-full-screen-mode/#comments Sun, 24 Feb 2008 00:22:11 +0000 admin http://newsourcemedia.com/blog/2008/02/23/flash-as3-using-flvplayback-and-full-screen-mode/ Continue reading →]]> Today I have come to learn that you can create your own full screen button like the built-in button function from the FLV player skin in Flash CS3. Here is the code:

// things you may import in the future to customize this code import flash.display.Stage; import flash.display.StageAlign; import flash.display.StageScaleMode; import flash.events.Event; import flash.display.StageDisplayState;

myButton.addEventListener(MouseEvent.MOUSE_UP,function(evt:MouseEvent):void { stage.displayState = StageDisplayState.FULL_SCREEN //or set it to normal like: stage.displayState = StageDisplayState.NORMAL; } );

Problem: Video is taking over the screen. Where did my text, graphics and buttons go?

When displaying video in your flash file by using FLVPlayback and you enter Full Screen Mode, the video will take over the screen. To prevent this from happening, you will have to add the code below: NOTE: When the stage enters full-screen mode, the FLVPlayback component is on top of all content and takes over the entire screen. When the stage exits full-screen mode, the screen returns to how it was before.

// say your FLVPlayback component is named "myPlayer": myPlayer.fullScreenTakeOver = false; This can also be used to fix the playback in flash Projector files as well.

Edit your html file in three places to allow full screen mode

One more thing to note is that you will have to edit your html page to allow for Full Screen Mode viewing. Publish your flash with the html option and open your html page. and look for "allowFullScreen" in three places: 1) Javascript AC_FL_RunContent code 2) Flash Object tag 3) Flash Embed tag and set them all to "true".]]> http://newsourcemedia.com/blog/flash-as3-using-flvplayback-and-full-screen-mode/feed/ 28 Popup Chromeless Window http://newsourcemedia.com/blog/popup-chromeless-window/ http://newsourcemedia.com/blog/popup-chromeless-window/#comments Wed, 26 May 2004 00:22:11 +0000 admin http://newsourcemedia.com/blog/2004/05/25/popup-chromeless-window/ Continue reading →]]> Introduction: Here's a simple but flexible javascript popup function. This effect is known as a chromeless window. This usually means that the window is resized and the browser features (nav buttons, address field, scrollbars, resize handle, and favorites) are hidden or altered.

Javascript Source Code:

<script language="javascript"> <!-- var openwin; function popupwin(url,myname,w,h,s) { settings='height=' h ',width=' w ',scrollbars=' s ',toolbar=no,location=no,status=no,menubar=no, resizable=no,dependent=no' openwin=window.open(url,myname,settings); }// --> </script> HTML Source Code: <p> Click here to <a href="#" onClick="popupwin('/index.php','Loading','400','400','yes');"> Open Popup Window</a> the pop up. </p>

Adding it to your site:

First create a variable called "openwin". Next create a function called "popupwin()". This does all the work. To configure the code for your site, just change the values inside the javascript "settings" line and the html link "onClick" values. And that's it. Click here for a working sample.]]> http://newsourcemedia.com/blog/popup-chromeless-window/feed/ 6