Loading QuickTime video from links

programming web dev
1

The code below is close to what I’m looking for - Does anyone know how to code this properly to get the embedded video to update with each link click?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Link to video</title>
<script language="JavaScript" type="text/javascript">

function showMOVPreview(curMOV){

var isSelection = curMOV;

var quicktimeObjStr = "<object classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' codebase='http://www.apple.com/qtactivex/qtplugin.cab' width='440' height='330'><param name='src' value='+isSelection+' /><param name='autoplay' value='true' /><param name='type' value='video/quicktime' width='440' height='330' /><embed src='+isSelection+' width='440' height='330' autoplay='true' type='video/quicktime' pluginspage='http://www.apple.com/quicktime/download/'></embed></object>";
      
document.getElementById('QuickTimeDisplay').innerHTML = quicktimeObjStr;
alert(document.getElementById('QuickTimeDisplay').innerHTML);
}

</script>
</head>

<body>
<div id="QuickTimeDisplay"></div>
<br />
<a href="#" value="videos/sample_sorenson.mov" onclick="showMOVPreview(this.value)">QuickTime video</a><br />
<a href="#" value="videos/sample_iTunes.mov" onclick="showMOVPreview(this.value)">QuickTime video</a>

</body>
</html>