How to Play an AVI on Your Website
- 1). Change the doctype of your index.html file to <!DOCTYPE HTML> to indicate to the browser that you are using HTML5. Save the file, and close it if you are not going to place the video in the index file.
- 2). Decide where you wish to place your .avi video file in your website. At this location, type: <video controls></video> . In between the quotation marks, enter the height and width values of your video. This will tell the browser how to render your video file.
- 3). Enter your video's location in between the two video tags. Your code should look something like this:
<video controls>
<source src="FILENAME.avi" type ="video/avi" />
</video>
Keep in mind that the dimensions of said video are merely for illustrative purposes and that "FILENAME.avi" would need to be replaced with the name of your video. - 4). Save your index.html (or whatever .html document you are working in) to finalize all changes. The .avi file will now play on your website.
Source...