...

View Full Version : Embed Quick Time in IE and FF?



lorie
11-12-2007, 07: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

abduraooft
11-12-2007, 10:25 AM
I hope http://www.alistapart.com/articles/byebyeembed will help you to achieve your goal.

lorie
11-12-2007, 05:22 PM
Thanks for that reference; I had read it before. I will try that as it bypasses the dread <embed>.

I still need help figuring out how to set up the embedded player so that more than one .mov can play in it; the code I pasted previously does this using a drop down list but I would like to use regular links...

Edited:

Here is what I have so far; I am no doubt trying to reinvent the wheel. I have tried to incorporate the 'byebyeembed' code from A List Apart referenced in the previous response and a function from the huge thread on embedding media players...




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test 3</title>

<script type="text/javascript">

var pickmov=new Array()
pickmov[0]="media/wbwt_01_shadowmaker_el.mov"
pickmov[1]="media/wbwt_02_painting_shadows_el.mov"
pickmov[2]="media/wbwt_05_photo_type_el.mov"


function PlayIt(themov, whichdiv){
document.getElementById(whichdiv).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(pickmov[themov]).innerHTML+'">'
+'<param name="autoplay" value="true">'
+'<param name="controller" value="true">'
+'<param name="loop" value="false">'
+'<object data="'+document.getElementById(pickmov[themov]).innerHTML+'" width="690" height="550" autoplay="true"'
+'controller="true" loop="false" pluginspage="http://www.apple.com/quicktime/download/"></object>'
+'</object>'
}
</script>


</head>

<body>


<p><a href="#" onclick="javascript:PlayIt(0,'music1')">Movie 1</a></p>

<p><a href="javascript:PlayIt(1,'music1')">Movie 2</a></p>
<p><a href="javascript:PlayIt(2,'music1')">Movie 3</a></p>

<div id="music1">
<object classid="clsid:02BF25D5-8C17-4B23-BC80-%20D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="690" height="550">
<param name="src" value="" />
<param name="controller" value="true" />
<param name="autoplay" value="false" />

<object type="video/quicktime" data="" width="690" height="550">
<param name="autoplay" value="false" />
<param name="controller" value="true" />
</object>
</object>
</div>

</body>

</html>





Can anyone help me?

stmacoding
05-20-2008, 06:47 PM
I am using 1.0 XHTML Strict

The <embedded> tag doesn't validate. I would like to know if you could help me or if you have an answer.

Thanks,
stmacoding

abduraooft
05-20-2008, 08:03 PM
Yes, <emebed> is depreciated(afaik) and you need to use the object method, described in the above ALA link.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum