So lets assume that you have a video that you have recorded and you want to put this video on your website! Lets see if I can help you do that.
First things first, we have to upload the video to our site. Hopefully you know how to do this by now. For bonus points you could create a separate document library just for videos! I've done that here and I've uploaded a video called wildlife.wmv(Notice that I am using a WMV file. If your video is not WMV you must do one of two things: Convert said video to wmv or find code for a video player that plays other formats.)
_____________________________________________________________________________________________________
Ok so now you have the video uploaded to your site, now we need to add it to our page. To do that we need to find some code. So let's visit Google and search for HTML Video Player. I've done this for you, you can just copy this code if you like:
<OBJECT id="VIDEO" width="320" height="240"
style="position:left;"
CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
type="application/x-oleobject">
<PARAM NAME="URL" VALUE="your file or url">
<PARAM NAME="SendPlayStateChangeEvents" VALUE="True">
<PARAM NAME="AutoStart" VALUE="True">
<PARAM name="uiMode" value="mini">
<PARAM name="PlayCount" value="9999">
</OBJECT>
Lets break this down. We are embedding the code into our website using the <object> tag.
The first line just sets the size of the player. You have the ability to adjust the width and height fields, I am going to leave them alone for now.
The second line sets the "style" for the object. Basically this sets the position in the webpart. For instance, if you want it to be centered you can simply have it say style="position:center;"
The next few lines just call the classid for the object. Ignore these.
The first <PARAM NAME> is the most important. This is where you tell the player where your video is located. I can right click my video and choose copy shortcut to get the URL. Here is mine: http://www.jefcoed.com/departments/IT/spsite/Videos/Wildlife.wmv
So now that line should say: <PARAM NAME="URL" VALUE="http://www.jefcoed.com/departments/IT/spsite/Videos/Wildlife.wmv">
The only other line i would worry about is the one that mentions "AutoStart". You can set this to True or False depending on if you want the video to start up automatically.
______________________________________________________________________________________________________
Once we have our code and have it edited we need to add a webpart to our site and then paste the code into the the "Source Editor option.
I'll walk you through this briefly.
Site Actions -> Edit Page
Choose a Zone and click "Add a Web Part".
Expand the section labeled "All Web Parts"
Scroll down under Miscellaneous and select the Content Editor Web Part
Click Add
Click Edit on the title bar and click Modify Shared Web Part
Click "Source Editor" on the Web Part Editing Tool Bar.
Paste in your code and publish!
If everything is done properly it should look similar to this: