How to Embed AVI Players in Web Pages
Videos that are formatted as .avi files are often uploaded online and can be used as video and audio files for Web pages. These files can be embedded within a Web page. However, there are differences in how they are embedded depending on the Web browser that will be used. Many Web designers will embed a HTML player code so that the player works in Internet Explorer as well as Firefox and Safari.
Other People Are Reading
Instructions
-
Internet Explorer
-
1
Access the back-end development area of the Web site or blog to which you want to upload. Upload your. avi file. The way this file is uploaded varies depending on which Web server is being used. Likewise, each blog and Web site is accessed differently depending the server you use to manage your content.
-
2
Create HTML code on the part of the Web page where you want the video to appear. Begin the code with an "Object" tag by typing:
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
-
-
3
Enter the height and width of the video in the next line of HTML code by typing:
width="150" height="250">
The height and width sizes can be changed depending on your size preferences and needs.
-
4
Enter the parameter information. This information should look like this:
<param name="src" value="your file name.avi" >
<param name="controller" value="false" >
<param name="autoplay" value="true"> -
5
Replace "your file name" with the name and file path of your .avi file. If you want for the pause and play buttons and the status bar to be visible, change the second parameter to "true" instead of "false." If you do not want for the video to start automatically upon the Web page opening, change the third parameter from "true" to "false."
-
6
Check to make sure the code you have uploaded looks like this:
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
width="150" height="250">
<param name="src" value="your file name.avi" >
<param name="controller" value="false" >
<param name="autoplay" value="true">
Firefox and Safari
-
7
Enter the first line of the embedded player code for Firefox or Safari just under the code you entered for Internet Explorer. The first line of code should look like this:
<object type="video/quicktime" data="your file name.avi" width="150" height="250">
-
8
Change the .avi file name to reflect the actual name of the file you want to show. Remember to change the height and width of the player to suit your needs.
-
9
Type in the following three lines of html code:
<param name="controller" value="false" >
<param name="autoplay" value="true">
alt : <a href="your file name.avi">test.mov</a>Remember to change the name of the.avi file and change the true and false values if they are not currently set to perform as you want.
-
10
Close the HTML code with two closing object tags that look like this:
</object>
</object>The Firefox and Safari code should look like this:
<object type="video/quicktime" data="fireworks.avi" width="150" height="250">
<param name="controller" value="false" >
<param name="autoplay" value="true">
alt : <a href="fireworks.avi">test.mov</a>
</object>
</object> -
11
Choose the "publish" button on the publishing software you are using and the video should appear on your Web page or blog.
-
1
Tips & Warnings
Taking out the spaces between tags is sometimes needed for the code to operate properly on every kind of browser.
Neglecting to put the proper .avi file name with its source path will cause the video to not show in the embedded player.
