ActionScript 3.0 :: Toggling Video Fullscreen And Positioning Videoplayer UI - Best Practice?
Oct 12, 2011
I've landed a project which is centered around building a custom video player with some special functionality (so I can't just use the default Flash video player, unfortunately). I have two small 'problems' in the sense that I could probably solve them myself, but I'd like some input on best practice for solving them: (The project is for Flash Player 10 and the video is intended to run inside a browser.)
Problem 1: Toggling between normal / fullscreen playback Ok, so my custom video player needs to be able to toggle between fullscreen and normal embedded-in-webpage player size. How does fullscreen toggling currently work in AS3 -is there a specific AS3 method for fullscreening a specified video object in the swf (without stretching the video player UI overlay), and if so, does it automatically black out the background if the screen format doesn't match the video format? - or do I need to download a class for this?
Problem 2: Positioning video player UI when going fullscreen As opposed to YouTube, I want the player UI to still show up when the video is toggled to fullscreen mode - but as mentioned above, I don't want to stretch its size along with the video. So is there a best practice for repositioning the video player UI to the vertical bottom and horizontal center of the screen when the user clicks full screen? I'm not entirely familiar with what happens to the Flash stage when it goes full screen, How to deal with not knowing the coordinates of the vertical bottom/horizontal center when screens have different ratios and resolutions?
I've landed a project which is centered around building a custom video player with some special functionality (so I can't just use the default Flash video player, unfortunately). I have two small 'problems' in the sense that I could probably solve them myself, but I'd like some input on best practice for solving them:(The project is for Flash Player 10 and the video is intended to run inside a browser.)
Toggling between normal / fullscreen playback Ok, so my custom video player needs to be able to toggle between fullscreen and normal embedded-in-webpage player size. How does fullscreen toggling currently work in AS3 -is there a specific AS3 method for fullscreening a specified video object in the swf (without stretching the video player UI in the swf itself), and if so, does it automatically black out the background if the screen format doesn't match the video format? - or do I need to download a class for this?
Positioning video player UI when going fullscreen As opposed to YouTube, I want the player UI to still show up when the video is toggled to fullscreen mode - but as mentioned above, I don't want to stretch its size along with the video. So is there a best practice for repositioning the video player UI to the vertical bottom and horizontal center of the screen when the user clicks full screen? I'm not entirely familiar with what happens to the Flash stage when it goes full screen,. How to deal with not knowing the coordinates of the vertical bottom/horizontal center when screens have different ratios and resolutions?
i have seen websites with fullscreen .swf and i dont know what kind of script they used to have the movie clips positioned constantly i.e. 20px from right border of the screen while all people have different resolutions.
I'm trying to practice making a simple video phone app so I'm trying to make a program to send a video and recieve a video using Cirrus from Adobe. I'm having trouble recieving the stream though. Here is the cod that I'm using:
[code]...
Inside of the getVideoReveiver() function I'm getting the flag to go off from writeText("flag") then I get and output in the text box of:
NetStream.Play.Reset NetStream.Play.Start
from the netStreamHandler, but the video never shows up in the receiving video element.I'm running this is two different videos of the same computer and taking the nearID from one stream and pasting it into the textInput theirID. I'm not sure what to try next?
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;
I'm using fl.video.VideoPlayer and I'd like to be able to seek arbitrarily within the video. seek() works unless the given time isn't yet loaded, in which case the video hiccups and continues playing normally. I'd like it to seek to the specified second even if it's not yet loaded, loading/buffering as necessary. I've tried seek() and play() and haven't been able to make this work.
Update: Turns out this is undocumented behaviour of the NetStream class - NetStream loads relative to the swf, as opposed to URLRequest which loads relative to the HTML doc...annoying.I am having a strange issue where loading an FLV file using thefl.video.VideoPlayer class that comes with CS4: Adobe docs hereUsually when loading external content into flashplayer, the path is relative to the HTML page that the swf is embedded in - but when I try and load an FLV using the VideoPlayer class the player looks for a path relative to the swf, not to the HTML (as you would expect).
eg: My file setup is:index.html (which contains the swf)swf/my-video-player.swfvideo/my-video.flv
I am making a fullscreen "screensaver" project (using screentime, FYI). I have some mcs on the stage that I want to scoot down to the bottom left, right or whatever on the screen. I want these elements to position themselves differently based on the users resolution and aspect ratio of their monitor. (for example: whether the monitor is 800x600, 4:3 OR 1366x768, 16:9, I want a text field or mc to be 10 pixels for the bottom and left of the screen).
I am using YouTube JS API to play videos on my site. Video is played on the dialog box. When user closes the dialog box, player is stopped - player.stopVideo(); But when user clicks again on video icon again, dialog box appears
In Chrome, the video starts playing at the previous position - OK Firefox, the video starts playing from the start irrespective of where user left it last time. - NOT OK
As per my requirements, I want the Chrome to behave as how firefox is behaving.
I like to make a fullscreen desktop application, with an FLV, using the FLV Playback component. However, I�d like there to be a Fullscreen button on the playback component, which will allow the user to toggle the video fullscreen.I cant, for the life of me, figure out how to do this with various settings�it should be easy! This is what I have--is there a better way to do things (without a custom movie player)? My inital settings are as follows:
The video seeks normally when first playing but when it finishes i can´t seek the video again. I used a listener to call a function after the event TimeEvent.COMPLETE occurs(video finishes). In the function i call the function player.seek(20) for example but it doesn´t work. The video keeps in the end of it.
I'm tweaking the video code found here [URL] His progress bar starts at the edge of the stage. My progress bar starts at x=40 into the stage. My problem is that even though all my mcs related to the progress bar are positioned properly the scrubber mc hops to the edge of the screen when the video starts. It also acts as if the progress bar you scrub though is at the edge of the screen too. I can't figure out why it's doing this. There's nothing in the code to tell it to do as such.
I have this in a .as file package {import fl.video.VideoPlayer;import flash.display.Sprite; public class VideoPlayerExample extends Sprite{public function VideoPlayerExample() {}}} When I create and save .fla file with a document class VideoPlayerExample, and test the movie I got this error: 1172: Definition fl.video:VideoPlayer could not be found.
how to make flash find where the definition is. My copy of Flash was installed with the default installation settings.
I am building a flash video player with a custom UI, and admittedly I'm not sure exactly what I'm doing. I tried altering a skin, but that always comes out wonky due to whatever coding they use. So I'm altering single video components and putting them in the mc what I want them. It looks great, but the problem is that when video goes to full screen, all of the controls dissappear and I can't figure out how to make them show up. How do I get a movie clip to display on top of the video when it goes to full screen in flash AS3?
how to position my video controls. I thought I had it figured out until I moved my video and the controls did not move with it. I tried doing this: video.addChildAt(vidControls, 2); but it keeps barking at me.
Code: video = new Video(); video.width = 640; video.height = 360;
I have an EXE flash project that has a menu with several videos in a little player. The player has a fullscreen button that makes the video go fullscreen. When the video is over, the widescreen video is frozen on the last frame and stays there. I need the player to automatically leave widescreen mode at the end of the video and go back to the regular menu player.
I'm using AS3 to call up the videos from the menu clicks, so I'm not scared to get into code using actionscript. I just don't know what to do.
I made a website this week for school about Pink (URL...).But when I enter fullscreen mode (not available online) the website completely vanishes and the only item I get to see is the video from the videos page.[code]
i have a swf that is 900x500 that plays videos which are usually in the 500 range on width.is there an easy way to only have the video show on fullscreen?
I am just starting to use AS3 (grumble) and I have a video application that when it runs fullscreen it hides all other movie clips and objects on the stage. I would like to display certain objects/movie clips over the fullscreen video.
I'm trying to center my FLVPlayback video programmatically in AS3 but I'm having a hard time with it.[code]This code isn't working, does anyone have any ideas how to get this to work?
I am working on a project with video player in it using Video object that plays flv files or FMS streams. The user can switch to fullscreen browser mode. And here is my problem - most of the time the aspect ratio of the video is different from the screen ratio so it looks stretched. I want to put black spaces left and right or top and bottom (depending on the current video and screen ratios) so that it looks normal without stretching.
I have an application that is showing an imported mp4 with the playback component. The video is to be displayed at a fixed size on the interface. When I launch the app it works perfect. However this is a projector file that I need to launch in fullscreen mode.
I have a problem with my video player that I'm working on. Currently, it's using a video screen component that is fed video via netStream. There is a fullscreen button that when clicked, sets the mode to true, and the player resizes. However, I'm having trouble where the control bar is concerned.
