[RESOLVED (sort of)]Object and QuickTime Movies

I've posted about this before, but I got a little bit further with my query. When I try to embed QuickTime movies using OBJECT I found that it didn't work in Moz or Opera, so I did a bit of investigating and found a way to make it work in those two, but then it stopped in IE! So I was wondering if anyone had any idea how to make it work in all?

Mozilla/Opera:

Code:

---

<object type="video/quicktime" data="PanoramaHigh.MOV"
  width="400" height="315">
  <param name="AUTOPLAY" value="true" />
  <param name="CONTROLLER" value="true" />
</object>

---

IE:

Code:

---

<object codetype="video/quicktime" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
  codebase="http://www.apple.com/qtactivex/qtplugin.cab"
  width="400" height="315">
  <param name="SRC" value="PanoramaHigh.MOV" />
  <param name="AUTOPLAY" value="true" />
  <param name="CONTROLLER" value="true" />
</object>

---

Nope :D

But you could do a bit of server-side sniffing and display the corresponding source code?

I did think of that I didn't really want to have to do that though. I tried adding classid to the object tag then it stopped working in Mozilla :rolleyes: Tried adding it as a param too but that didn't work either :(

Just in case anyone is wondering I found a fix (or rather almost a fix due to stupid IE as usual). I thought why not put the IE only object tag, and within that the Moz/Opera object tag as the browser is supposed to ignore the stuff inside it it understands it. Although IE still tries to render the second one, it just results in an empty box, so it's as close as I can get it. Anyway enough ramblings here's the code:

Code:

---

<!-- IE -->
<object class="pan border" codetype="video/quicktime" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
  codebase="http://www.apple.com/qtactivex/qtplugin.cab" standby="Please wait, the QuickTime panorama is being loaded">
  <param name="SRC" value="Multimedia/PanoramaHigh.MOV" />
  <param name="AUTOPLAY" value="true" />
  <param name="CONTROLLER" value="true" />

  <!-- Non-IE - or it should be, but you know IE! -->
  <object class="pan border" data="Multimedia/PanoramaHigh.MOV"
    type="video/quicktime" standby="Please wait, the QuickTime panorama is being loaded">
    <param name="AUTOPLAY" value="true" />
    <param name="CONTROLLER" value="true" />
    <p class="text">It appears that your browser does not support the <code>&lt;object&gt;</code> element or you do not have the <a href="http://www.apple.com/quicktime/">QuickTime</a> plug-in.
    The object that is supposed to be here is <a href="Multimedia/PanoramaHigh.MOV">Multimedia/PanoramaHigh.MOV</a>.
    Please either use the link above to view the panorama, or alternatively <a href="Links.php#Browsers">upgrade your browser</a>.</p>
  </object>
</object>

---

Wath about you use a JavaScript to detect the browser and show only the code you need?

It will be something like this:
<SCRIPT language="JavaScript"><!--
if(navigator.appName=="IE") {
[quote]document.write("<object class=\"pan border\" codetype=\"video/quicktime\" classid=\"clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B\"
codebase=\"http://www.apple.com/qtactivex/qtplugin.cab\" standby=\"Please wait, the QuickTime panorama is being loaded\">");
document.write("<param name=\"SRC\" value=\"Multimedia/PanoramaHigh.MOV\" />");
document.write("<param name=\"AUTOPLAY\" value=\"true\" />");
document.write("<param name=\"CONTROLLER\" value=\"true\" />";
document.write("</OBJECT>");
} else {
document.write("<object class=\"pan border\" data=\"Multimedia/PanoramaHigh.MOV\"
type=\"video/quicktime\" standby=\"Please wait, the QuickTime panorama is being loaded\">");
document.write("<param name=\"AUTOPLAY\" value=\"true\" />");
document.write("<param name=\"CONTROLLER\" value=\"true\" />");
document.write("<p class=\"text\">It appears that your browser does not support the <code>&lt;object&gt;</code> element or you do not have the <a href=\"http://www.apple.com/quicktime/\">QuickTime</a> plug-in.
The object that is supposed to be here is <a href=\"Multimedia/PanoramaHigh.MOV\">Multimedia/PanoramaHigh.MOV</a>.
Please either use the link above to view the panorama, or alternatively <a href=\"Links.php#Browsers\">upgrade your browser</a>.</p>");
document.write("</object>");
}

Yeah thanks, I did think about that, but I didn't really want to have to get into JavaScripting or browser detection as not everyone has JS enabled. But I may think about it, or probably a server side method as I have PHP. Thanks for the input.