an error. I have tried to use the "document.a ll" instead of
getElementById but the results remain the same. It won't recognise
"movie1" and "movie2" as objects, and it won't allow me to use their
methods.
And of course IE generates an error message that says nothing about
what might be wrong.
Another problem with this code is that I cannot get the lenght of the
movie because it is streamed with rtsp. Any suggestions?
Here is my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="content-type" content="text/html;charset=is o-8859-1"
/>
<script language=JavaSc ript" type="text/javascript">
var movieEnd;
var movieNow;
</script>
<style type="text/css">
<!--
#movie1 {
position:absolu te;
top:20px;
left:20px;
visibility:hidd en;
}
#movie2 {
position:absolu te;
top:20px;
left:20px;
visibility:visi ble;
}
-->
</style>
</head>
<body>
<form1><OBJEC T
classid="clsid: 02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab"
width="320" height="256" id="movie2"
<PARAM name="src" value="L1M1.mov ">
<PARAM name="autostart " value="false">
<EMBED HEIGHT=256 WIDTH=320
SRC="L1M1.mov"
TYPE="video/quicktime"
PLUGINSPAGE="ww w.apple.com/quicktime/download"
NAME="movie2" autostart="fals e">
<EMBED />
</OBJECT>
<OBJECT
classid="clsid: 02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab"
width="320" height="256" id="movie1" >
<PARAM name="src" value="L1M1.mov ">
<PARAM name="autostart " value="false">
<EMBED HEIGHT=256 WIDTH=320
SRC="L1M1.mov"
TYPE="video/quicktime"
PLUGINSPAGE="ww w.apple.com/quicktime/download"
NAME="movie1" autostart="fals e">
<EMBED />
</OBJECT>
</form1>
<script language=JavaSc ript" type="text/javascript">
<!--
function changeVisibilit y(id,action) {
var objId = id;
switch (action) {
case "show":
document.form1. getElementById( ''+id+'').style .visibility.toL owerCase()
= "visible";}
case "hide":
document.form1. getElementById( ''+id+'').style .visibility.toL owerCase()
= "hidden";
default:return;
}
return;
}
function changePosition( id,x,y) {
document.form1. getElementById( ObjId).style.le ft = x+"px";
document.form1. getElementById( ObjId).style.to p = y+"px";
}
/* define function that calls QuickTime's "Play" method */
function PlayIt(id)
{
if (id=="movie1") {
document.form1. movie1.Play();
} else if (id=="movie2") {
document.form1. movie2.Play();
}
}
/* define function that calls QuickTime's "Stop" method */
function StopIt(anObj)
{
if (id=="movie1") {
document.form1. movie1.Stop();
} else if (id=="movie2") {
document.form1. movie2.Stop();
}
}
function changeIfEnd(id) {
if (id=="movie1") {
while (document.form1 .movie1.GetPlug inStatus() == "Loading") {}
var movieEnd =document.form1 .movie2.GetEndT ime();
var movieNow =document.form1 .movie2.GetTime ();
} else if (id=="movie2") {
while (document.fomr1 .movie2.GetPlug inStatus() == "Loading") {}
var movieEnd =document.form1 .movie2.GetEndT ime();
var movieNow =document.form1 .movie2.GetTime ();
}
timeUntilSwitch = setTimeout("swi tchMovie()",(mo vieEnd-movieNow);
}
function switchMovie() {
PlayIt('movie1' );
for (var i = 1; i <= 10000; i++) {}
changeVisibilit y('movie1','sho w');
changeVisibilit y('movie2','hid e');
}
//-->
</script>
<P style="position :absolute;
top:400px;
left:200px;">
<br> <a href="javascrip t:PlayIt('movie 2');" onclick="change IfEnd('movie2') ;"PlayIt</a><br>
<a href="javascrip t:StopIt('movie 2');">StopIt</a><br>
</P>
</body>
</html>
