Instructables
Picture of How To Create an Adobe Flash Video Player


Youve just returned from vacation and have tons of videos to share. Create your own custom video player to showcase these memories online.

You Will Need
A computer with internet access
Adobe Flash CS4
A video file

Step 1: Step 1: Create a new Flash document

Picture of Step 1: Create a new Flash document
In the Adobe Flash program, select "Flash File (Actionscript 3.0)" from the "Create New" menu. Switch the workspace layout by clicking on the dropdown menu in the upper left of the top menu bar, and selecting "Designer." You can adjust the size and color of the document by adjusting the settings in the Properties panel.

Step 2: Step 2: Save the Flash document

Picture of Step 2: Save the Flash document
From the top menu, select File, then Save. Then navigate to the same location of your video file. Change the file name to "video," and save.

Step 3: Step 3: Encode the video

Picture of Step 3: Encode the video
Encode the video file. From the top menu, select File, Import, Import Video. In the resulting window, click "Launch Adobe Media Encoder." Click OK on the pop-up box. In the Adobe Media Encoder window, click "Add" and select a video by clicking "Open." Click "Start Queue" to encode the video. When the progress bar is complete, close the Adobe Media Encoder window.

Step 4: Step 4: Import the video

Picture of Step 4: Import the video
Import the video. In the "Import Video" window, click "Browse." To restrict to Flash-encoded videos, select "Video for Adobe Flash" from the "All Video Formats" drop-down menu. Then, find the video that you just encoded and click "Open." Now click "Next."

Step 5: Step 5: Customize the video-player controls

Picture of Step 5: Customize the video-player controls
Change the appearance of the video controls by selecting a different option from the Skins drop-down menu. You can also change the color of the controls from this page. Click "Next," and then "Finish" to complete the video import.

Step 6: Step 6: Adjust the video-player size

Picture of Step 6: Adjust the video-player size
Once the video player appears on the document, adjust the player size by going to the "Position and Size" section of the Properties panel.

Step 7: Step 7: Publish the video as an HTML document

Picture of Step 7: Publish the video as an HTML document
Publish the web site by going to File, Publish Settings. Make sure both the SWF and HTML boxes are checked. Rename both files and select a location to save them to. Then click publish.
 
Remove these adsRemove these ads by Signing Up