Preview JPG for a windows media player - windows

Question

I'd like to have a JPG preview for my simple .wmv player. Any ideas? Here it is...
<div id="embed">
<OBJECT id='mediaPlayer1' width="360" height="240"
classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'
codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
<param name='fileName' value="images/video.wmv">
<param name='animationatStart' value='true'>
<param name='transparentatStart' value='true'>
<param name='autoStart' value="false">
<param name='showControls' value="true">
<param name ="ShowAudioControls"value="true">
<param name="ShowStatusBar" value="true">
<param name='loop' value="false">
<EMBED type='application/x-mplayer2'
pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1'
bgcolor='darkblue' showcontrols="true" showtracker='-1'
showdisplay='0' showstatusbar='-1' videoborder3d='-1' width="360" height="240"
src="images/video.wmv" autostart="false" designtimesp='5311' loop="false">
</EMBED>
</OBJECT>
<br />
</div>

Answer 1

Could you put an image over it and when the image gets clicked, hide it and tell WMP to start playing? Something like this:
<script>
function handleStartClick() {
document.getElementById("playbackPreview").style.display = "none";
//not sure about the next line, mybe you have to remove "controls." or so
document.getElementById("mediaPlayer1").controls.play();
}
</script>
<div id="embed" style="position: relative;">
<OBJECT id='mediaPlayer1' width="360" height="240"[...]</OBJECT>
<img id='playbackPreview' style="z-index: 100; position: absolute; top: 0px; left: 0px" src="previewimage.jpg" onclick="handleStartClick()" />
</div>