Actionscript 3.0 :: Full Browser Background Video?
Apr 15, 2009
I'm looking to create a site that has video playing full browser in the background. A very perfect example lies here:[URL]..As you can see, the video is scaled according to stage resize while the menus and such stay where they should like a perfect liquid layout. I've watched the Liquid Layout video (from this site i'm pretty sure?) and understand how to position objects on the stage according to stage resize, but I've never figured out how to scale only the video like that. The only way I've been able to do that is by setting my publish settings to NoBorder with 100% width and height, but that defeats the whole liquid layout because it scales your entire swf. I feel like it's some sort of math I'm not grasping.
I'm probably wrong, but I feel like the way I'd go about doing this would be to set everything up as a liquid layout site; that is specify stage align and scale to TOP_LEFT and NO_SCALE. I'd have my liquid menu items positioned accordingly with a resize function and for the background video I'd use a FLV Playback Component that would be manipulated through another as3 function to scale accordingly. I'd use a Playback Component so as to be able to load multiple external videos (.h264) when a link was clicked. Am I on the right track? AS3 only please!
View 14 Replies
Similar Posts:
Dec 7, 2007
I am trying to build an AS3.0 flash site with a full browser background imagethat scales proportionally like in [URL] I found some stuff online but nothing on how to do it with AS3.0
View 11 Replies
May 14, 2009
This is a thing I developed using Flash and Javascript, to set any image dynamically as a background image of a web page and allow all other page content to scroll over the top of it.
[URL]
Would be interested on anyone's comments feedback, particularly about the flash (source code can be downloaded)
View 1 Replies
May 19, 2009
How do you make a flash full browser background with high quality like here: [URL](choose your language at first. After that opens up a screen with a full browser bitmap man on the left size.)I have been trying to make such scalable high quality background image but the results have been poor.
View 8 Replies
Apr 12, 2010
I have been trying to work out how the full-browser background was done here: [URL] It scales in a very elegant way: it never stretches the image, stays centered on the image and never causes ugly blank areas around the image. For me, it's become deceptively difficult to achieve! :-(
View 1 Replies
May 5, 2010
I am creating a website where the entire background is tiled and it also contains a photo gallery. Now, the photo gallery has to only appear within a limited height but the width could be similar to the browser window. (The website will be a full browser website with a capability of going fullscreen.). I tried a lot of things but the stage calculation requires to be a little different than the general stage properties.
In general, the height and width of the image is directly proportional to those of the stage. But what I am looking at is for the image to be rescaled proportionally to the width of the stage but the height nneds to be about 20-30% less than the height of the actual stage. Basically the background will be visible in that 20-30% of empty space. (And of course other elements)
My scaling of the image code looks like following,
Code:
function scalePic():void {
if ((stageHeight / stage.stageWidth) < imHeight) {
im.width = stage.stageWidth;
im.height = imHeight * im.width;
[Code] .....
And it also centers the image on the stage based on the new stage size.
View 0 Replies
Aug 24, 2009
Currently I have link on an HTML page, and when the link is clicked, it opens a flash movie with slideshow and a semi transparent black background. The way I have it set up is as follows
CloseButton.as (the close button for the slideshow)
FullBackground.as (the black background)
MainContent.as (loads the slideshow)
then I have
main.fla (loads the CloseBtn, FullBG, and MainContent)
preloader.fla (loads the main.fla .swf)
View 1 Replies
Sep 2, 2009
Essentially I have an animation with two main movie clips - a foreground and background movie clip.I want the foreground movie clip not to scale but the background movieclip to take the full screen of the browser.I'm only using vector images
View 1 Replies
Oct 17, 2010
i am having this little problem of making my video fit to my browser width and height.and it needs to get itself be the last layer as well. is getNextHighestDepth() a wrong command here?how do i add swap depth or something?it needs to be a layer beneath my navigation and everything.
Code:
Stage.align = "TL";
Stage.scaleMode = "noScale";
[code]........
View 1 Replies
Feb 2, 2009
I'm creating a flash site, AS2, with a video as the background.I'm using a stage listener with a onResize() function to re-size and position my video according to the stage size.My problem is that now the browser will show no scroll (I assume that's because it "thinks" there is no content outside of the browser), but I want it, at a certain minimum size to stop resizing the video, and display scrollers on the browser.
View 6 Replies
Mar 23, 2009
i got this somewhat full browser video, and my nav isn't directly on the video, its above the video. Meaning there are no animation or elements on the video.
However, when i rollover my nav while the video plays, my nav rollovers lag, but wheni pause the video, everything is smooth like it should be?
i feel like im overlooking something here because most sites are really smooth when it comes to something this basic.
View 1 Replies
Nov 2, 2011
I'd like to get your thoughts on the best way to deliver full-browser (scale to the size of the browser window) video. I'm skilled in the creation of the content but learning to make the most out of Flash CS5 and would love to hear what you would suggest.Most of the tutorials I can find on full browser/scalable video are for earlier versions of Flash; what is the best practice today? Best resolution/format for the video? If there is an Adobe guide to this I'm happy to eat humble pie if someone can redirect me to it; I'm using CS5 Production Premium.I like the full screen video effect they have on the "Sounds of pertussis" web-site;
View 1 Replies
Jun 28, 2009
I need to do exactly the same, but using an animation inside a mc instead of a pixel background. Does anyone know how to do that?
View 1 Replies
Jul 25, 2011
So, I've been trying to attempt to make it so a .flv video will fit to the entire screen of the browser window. ( I already have my file file fit to re-size to any browser on any computer. I just can't figure out how to make the video as well) And obviously an external video so the flash file wont take forever to load.
The point is this is to be able to have the Video be the background. So I may put content (Links, information or whatever else) on top of the video.
View 0 Replies
Apr 1, 2010
I am working in Flash CS3 and Actionscript 3.0 My application resizes according to browser width and height. If the user first resizes the browser and then loads the flash application, I could not get the full browser width untill the user goes for full screen. Is there any way around, to get the full browser width before the user goes for full screen.
View 1 Replies
Jan 22, 2009
I'm working on a small flash site and I want the swf file to have "bleed" or to go to the very end of the window so that the swf isn't just ploped over top of a background. [URL]
View 1 Replies
Apr 14, 2005
I have a standalone Flash projector running off CD. Currently, I use
getURL("http:url....);
to open the page on default browser. Only problem is the browser window is opening at the size it was last used. I like to see it opens full screen.
View 2 Replies
May 8, 2007
[URL].. Anyone know the AS to make it automatically check the size of the browser for the listeners_notice when you resize the browser it works perfectly...but not when it first loads up.
[Code]...
View 11 Replies
May 2, 2010
I want to embed some video into my HTML page. As background I want to use big picture. And above it I want to insert loop video with (i.e.) walking man.So, can I embed video (without flash and any player controls) in page?Can I decode video with transparent background? Is there any codecs which support transparent background (alpha-channel)?
View 1 Replies
Dec 10, 2010
I am creating a full screen projector with flash CS4. In the projector I have more videos, starting from an swf player-
The problem I encounter is this:
The projector starts correctly FULLSCREEN (using AS). The video plays 900x506 correctly. If I click on the player, to get the video full screen, it works. But when I press ESC, not only the video, but also the PROJECTOR looses full screen.
This is a bit annoying. Is there a way to apply the "back to normal size" only to the video? I do not want to prevent the app to be exited from full screen, it's not a problem if the user wants to exit the projector full screen. But not when the user exits the video from fullscreen mode.
How to target only the video?
View 1 Replies
Nov 2, 2011
I have a FLV playing in Flash with a full screen button. The problem is I want only the video to be shown full screen, not the entire stage. This is the code I'm using to make the video fullscreen.
function fullScreenUP(event:MouseEvent):void {
if (screenCheck == false) {
stage.displayState = StageDisplayState.FULL_SCREEN;
[Code].....
View 3 Replies
Jul 29, 2009
I created simple swf. It contain more than one video (for example 4). FLVPlayback component used to play the video.It works fine. When i enter full screen of the first video it shows the fourth video. If i did continuously means the component size changed automatically.
View 8 Replies
Apr 7, 2010
I'm trying to create a website with full screen background images (or possibly, a video) but don't know the best way to approach it. The Die Antwoord site does pretty much what I'm trying to accomplish. I'd also like to know how they can use such high resolution images. If I try to use a high res image, the file size is enormous.I also want to do is to be able to change the background image when a button is clicked. What is the best way to do that with large images? Another site that uses similar technology only with a video is the TV on the Radio site.
View 3 Replies
Apr 15, 2009
I'm trying to create a website similar to this one, where the content is a fixed width and height (i.e. made to fit a 1024x768 screen), but the background image is full screen and scales proportionally when the window is resized.
How can I achieve this full screen background using Flash CS4/AS3?
View 5 Replies
Jun 15, 2010
I was wrote the following code to set the background image in one vBox.
vBox.setStyle("backgroundImage", "PreviewBackground.png");
vBox.setStyle("backgroundAttachment", "fixed");
Where the height and width of vBox was 250 x 350 and the height and width of background image was 400 x 400.The problem is that the background image doesn't show the full image. The image has cropped. How can i show the full image as a background image?
View 1 Replies
Oct 30, 2011
How can I fill my whole background with a big image? The photo is 1400*867 and with the solution here it fills up the width but not the height. I don't care if the photo gets cropped in order to fill up the height too.
The CSS3 way (background-size) is perfect but doesn't work in IE.
If you don't know a way with css/jquery could you direct me to a flash script where I could just enter the path of the image and let flash resize it?
View 3 Replies
Feb 28, 2011
I am building a flash website with a full-window resizing background, but as part of this project I need to be able to calculate certain elements in the image based on the original resolution of the image.For example, if I have an image that is 1600x1200px and there is an element at x=500 y=1000 then I need to track that element when the image is resized to. Say the image is resized to 1200x900px (scale always remains the same, btw) then the element would be at x=375 y=750, by my calculations.This seems easy enough to figure out on paper, but I haven't been able to figure out a formula for this. I am quite certain that this has to do with the fact that the ANCHOR POINT FOR THE IMAGE IS IN THE MIDDLE OF THE IMAGE and not in the top left corner.The code is quite simple:
ActionScript Code:
import flash.display.StageScaleMode;
import flash.display.StageAlign;
[code]....
View 1 Replies
Jun 1, 2009
im trying to load a swf in the center of a full swf background and cannot get it to work.
i got the resize function to work properly, but when it first loads it is not centered properly
for some reason it recognizes the resize code by not the initial code
here is the code im using (note: im using the full background code from noponies):
Code: Select allimport com.display.FullBrowserBg;
var newBrowserBg:FullBrowserBg = new FullBrowserBg("images/stuccoBG.jpg", false);
addChildAt(newBrowserBg,0)
[Code]....
View 2 Replies
Oct 2, 2009
I have searched everywhere but I can't seem to find anyway to create a full screen background image. Does anyone know the code to do this? Or know of any tutorials?
View 3 Replies
Jul 10, 2006
I am using a full size background on my website with the following code.
Code:
Stage.align = "TL";
Stage.scaleMode = "noScale";
bg.onResize = function() {
var imageAspectRatio = this._width/this._height;
[code]....
The problem any swfs that I load into are not centered because of the Stage.align = "left"; So I adjusted all loaded swfs like so.
_root._x = 200;
_root._y= 100;
Which center my movie perfectly. The problem is when I try my movie on other resolutions the movie is no longer centered? Do I need to write some code that gets the screen resolution and adjusts the _root based on screen resolution?
View 12 Replies
