lorie
11-12-2007, 06:09 AM
I am need of help in resolving the dilemma of how to play a QT movie on a page running on our intranet server (Win Server 2003). The page has a section designated as the 'screen' and a list of links to about 20 QT movies.
Originally, it was coded with the 'screen' being an iframe; I was going to try to do something more correct, but after reading the 46 page thread, came away more confused than ever, especially since the thread started in 2005...
So I figured I would just leave it and suffer a quirky page. But then I discovered that IE 7 will not play a .mov in an iframe on the server. It works like a charm on the local machine, but not the server. (FF performs beautifully...)
Thus I am now back to trying to 'embed' it especially since I read that MS settled some deal with the Eolas folks and they can get rid of that stupid "click to activate" thing and return IE to its old behavior.
I found the following code to use <object><embed> for QT (I think it is by Aerospace_Eng??). The problem is that I am striking out trying to change the drop down list to an unordered list of regular links...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Tutorials</title>
<script type="text/javascript">
<!--
function PlayIt(){
document.getElementById("movie1").innerHTML='<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="690" '
+'height="550" codebase="http://www.apple.com/qtactivex/qtplugin.cab">'
+'<param name="src" value="'+document.getElementById('wbwt').value+'">'
+'<param name="autoplay" value="true">'
+'<param name="controller" value="true">'
+'<param name="loop" value="false">'
+'<embed src="'+document.getElementById('wbwt').value+'" width="690" height="550" autoplay="true"'
+'controller="true" loop="false" pluginspage="http://www.apple.com/quicktime/download/"></embed>'
+'</object>'
}
//-->
</script>
</head>
<body>
<h1>Tutorials</h1>
<hr />
<h2>Week-by-Week Technique</h2>
<form name="player" action="" method="">
<select name="" id="wbwt" onchange="PlayIt()" size="1">
<option value="none">::::::::::::: Pick a Tut :::::::::::::</option>
<option value="media/wbwt_01.mov">Tut 1</option>
<option value="media/wbwt_02.mov">Tut 2</option>
<option value="media/wbwt_03.mov">Tut 3</option>
</select>
</form>
<div id="movie1">
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="690"
height="550" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="" />
<param name="autoplay" value="true" />
<param name="controller" value="true" />
<param name="loop" value="false" />
<embed src="" width="690" height="550" autoplay="true"
controller="true" loop="false" pluginspage="http://www.apple.com/quicktime/download/">
</embed>
</object>
</div>
</body>
</html>
And I probably need a different DOCTYPE, since this sort of code is not strict XHTML...
Sorry not to be able to give a link; this is on a private server. And the .mov files far exceed the file size limit on my hosted web.
Thank you for any help you can give or for a point in the right direction if this has been done before.
lorie
Originally, it was coded with the 'screen' being an iframe; I was going to try to do something more correct, but after reading the 46 page thread, came away more confused than ever, especially since the thread started in 2005...
So I figured I would just leave it and suffer a quirky page. But then I discovered that IE 7 will not play a .mov in an iframe on the server. It works like a charm on the local machine, but not the server. (FF performs beautifully...)
Thus I am now back to trying to 'embed' it especially since I read that MS settled some deal with the Eolas folks and they can get rid of that stupid "click to activate" thing and return IE to its old behavior.
I found the following code to use <object><embed> for QT (I think it is by Aerospace_Eng??). The problem is that I am striking out trying to change the drop down list to an unordered list of regular links...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Tutorials</title>
<script type="text/javascript">
<!--
function PlayIt(){
document.getElementById("movie1").innerHTML='<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="690" '
+'height="550" codebase="http://www.apple.com/qtactivex/qtplugin.cab">'
+'<param name="src" value="'+document.getElementById('wbwt').value+'">'
+'<param name="autoplay" value="true">'
+'<param name="controller" value="true">'
+'<param name="loop" value="false">'
+'<embed src="'+document.getElementById('wbwt').value+'" width="690" height="550" autoplay="true"'
+'controller="true" loop="false" pluginspage="http://www.apple.com/quicktime/download/"></embed>'
+'</object>'
}
//-->
</script>
</head>
<body>
<h1>Tutorials</h1>
<hr />
<h2>Week-by-Week Technique</h2>
<form name="player" action="" method="">
<select name="" id="wbwt" onchange="PlayIt()" size="1">
<option value="none">::::::::::::: Pick a Tut :::::::::::::</option>
<option value="media/wbwt_01.mov">Tut 1</option>
<option value="media/wbwt_02.mov">Tut 2</option>
<option value="media/wbwt_03.mov">Tut 3</option>
</select>
</form>
<div id="movie1">
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="690"
height="550" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="" />
<param name="autoplay" value="true" />
<param name="controller" value="true" />
<param name="loop" value="false" />
<embed src="" width="690" height="550" autoplay="true"
controller="true" loop="false" pluginspage="http://www.apple.com/quicktime/download/">
</embed>
</object>
</div>
</body>
</html>
And I probably need a different DOCTYPE, since this sort of code is not strict XHTML...
Sorry not to be able to give a link; this is on a private server. And the .mov files far exceed the file size limit on my hosted web.
Thank you for any help you can give or for a point in the right direction if this has been done before.
lorie