Embedded WMP

I'm trying to design a website at the moment. At the moment I have an embedded Windows Media Player (WMP) to play a video. It works perfectly (on my own computer, though I've noticed that on a different one, it will just play the audio. I presume this is to do with codecs and whatnot - side note, is there any way to get around this?)

The code for which is here

<OBJECT id="VIDEO" width="510" height="384" 
                top = "500" left = "500"
	style="position:absolute; left:0;top:0;"
	CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
	type="application/x-oleobject">
	
	<PARAM NAME="URL" VALUE="Road_Trip_Requim_PC.avi">
	<PARAM NAME="SendPlayStateChangeEvents" VALUE="True">
	<PARAM NAME="AutoStart" VALUE="False">
	<PARAM name="uiMode" value="none">
	<PARAM name="PlayCount" value="1">
</OBJECT>

As you can see, I've it set so that it wont play automatically. Instead I've a button created which lets the user play the video.

<input type = "button" value = "Play Movie" name = "PlayBtn" onclick = "PlayIt(this.value)">

At the top I have the following code that should play the video, yet any time I click on it it says there's an error on the page:

<script language = "Javascript">
function PlayIt(VIDEO){
//check if method if available 
if (VIDEO.controls.isAvailable('Play'))
//start playback
VIDEO.controls.play();
}
</script>

I bet I'm doing something pretty stupid, but can't figure out what it may be.