How to embed a video in a player on a web page
Most websites now use Flash video as the standard format for the web. You can see it on news and sports websites such as nhl.com. The wrapper is a skin that you choose when you import the video into flash. Then you embed the code into your web page. Here’s an example:
Is this what you are looking for? You don’t’ have to choose the same skin or the same functions, but the process will be the same.
The process is as follows:
- Start Flash.
- Create a new flash project.
- Select File > Import > Import Video
- Search for and select the video file that you want to import.
- Select progressive download from the deployment dialog box.
- Choose encoding settings. I usually leave it at medium quality and resize the video to 640 wide by 480 high.
- Choose the skin, the functions you want on the skin, and the colour of the skin (I use #990033 which is the mcmaster maroon).
- Click Finish and name the .swf file.
- Save the Flash file: filename.fla
- Click File > Publish. Flash will produce 4 files: filename.swf, filename.html, skin.swf and AC_RunActiveContent.js
- Put the file.swf, skin.swf and AC_RunActiveContent.js in the same folder as the web page where you copied the code.
Other website may use other skins. For the future, it would be better to have an XML-driven version that would allow movies to be switched by changing a value in the XML file.