Join Paul Trani for an in-depth discussion in this video Adding full-screen functionality, part of Creating a First Web Site with Flash Professional CS5.
Now, I want to go beyond the typical video controls and give the user the…ability to play the video full screen.…So, I'm going to double-click on this about bkgd and inside of this about bkgd…movie clip, notice that I have this video layer which includes the video, and…then I have the controls layer and on the controls layer is where I want to drop…in a full screen button right here.…So, I'm going to go to Window and open up the Components panel and inside of the…Video folder you'll notice that FullScreenButton.…
So, all I need to do is drag it right here on my TV and watch what happens when I do.…You will sometimes get this warning. It says, "A component with this name already…exists in the document."…Now, I didn't already add a FullScreenButton, but what's going here is the…FullScreenButton is sharing the same sort of base button components as my other buttons.…So that background is actually the same for all of them and since I modified…that base background graphic, I want to use my existing components, just like that.…
- Understanding web design
- Creating buttons and web graphics in Photoshop
- Formatting text with the Text Layout Framework
- Using the Timeline
- Creating a custom looping animation
- Loading images in a gallery
- Creating invisible buttons
- Adding music and video to a site
- Customizing video playback controls
- Optimizing and publishing a web site
Skill Level Beginner
Q: I followed all the steps and suggestions in the "Adding a progress bar" video, but when I add the progress bar to my web site, I can’t remove it once the index.swf file loads up. The progress bar remains on the homepage and the rest of the pages. How do I make it disappear once the site loads?
A: To make it disappear, just make sure the progress bar is only in frame 1. If it’s on its own layer, then right-click on the 2nd frame in that same layer and select "Insert Blank Keyframe." That will make it disappear.
Q: Despite following the steps in the "Adding a progress bar" video, I cannot figure out how to keep the progress bar from appearing on a movie that has finished loading. How can I make the progress bar disappear?
A: Just add the red line below to the preloader.fla file. This will make the progress bar invisible: