I have a 8mb quicktime movie that I currently have up on my site available for download. Is there a way to have that movie loaded on the site so that when someone comes to the site they can look at it directly?
Printable View
I have a 8mb quicktime movie that I currently have up on my site available for download. Is there a way to have that movie loaded on the site so that when someone comes to the site they can look at it directly?
Sure - you use the <object> tag to place it directly on the page where it will be displayed as a streaming video :)
Have a look here - it's for XHTML but it works also in HTML.
You'll notice that most of the page deals with fixing silly problems with using it in IE. In web development you soon get used to that.
This is exactly what I was looking for. But it only works in IE, doesnt work on Opera or Firefox. I have Firefox 5.0 and Opera 8.51 and the page doesnt even want to load. Any ideas?
Well, you're ahead of me... :DQuote:
I have Firefox 5.0
The link doesn't load? It does here, but then I don't have QT :) Maybe your plugin is broken... care to redownload it and try again?
Whooops!! :) Thats Firefox 1.0
I dont mean the link that you gave me but my Quicktime movie on my site.
Righteyo then... Did you make sure the class ID and codebase parameters of the outer tag were the exact same as in the example? It seems to me if it is working in IE but not in Firefox and Opera, that the problem lies with the inner tag, that is used by browsers that do not support ActiveX (in other words, everything except IE). Yet I cannot see anything wrong with it...
Can you post the code you used yourself?
Here is the code. I really didnt change much from the original code. All I changed was the movie folder and the width and height of the window. Does the class id pertain to a specific movie? Or is it generic? Do I have to use a different doctype?
HTML Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Gatorade</title>
<style type="text/css">
object.mov {
display: none;
}
* html object.mov {
display: none;
}
* html object.mov {
display/**/: none;
}
/* hides the second object from all versions of IE */
* html object.mov {
display: none;
}
/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
display: inline;
}
/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
display/**/: none;
}
</style>
</head>
<body>
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="400" height="240">
<param name="src" value="../gatorade.mov" />
<param name="controller" value="true" />
<object type="video/quicktime" data="../gatorade.mov" width="400" height="240" class="mov">
<param name="controller" value="true" />
Error text.
</object>
</object>
</body>
</html>
I see only one problem. You are using HTML transitional, so the param tag should not be closed. They should look like this:
That *might* be the problem, because it's the only thing that jumps out as being wrong. The class id is purely for Internet Explorer, it refers to the ActiveX control class ID of the Quicktime player.HTML Code:<param name="src" value="../gatorade.mov">
Well that was worth a try. But when I remove the / and make the param look like this <param name="src" value="../gatorade.mov"> then it gives me the Error Text in IE.
Grr.
Does the inner <object> tag work by itself in Firefox and Opera?
e.g.
And, if it does - do you have any kind of server-side scripting like PHP available? If so, then we can do a quick test and send IE the other tag. It would be a lot simpler.HTML Code:<object type="video/quicktime" data="../gatorade.mov" width="400" height="240" class="mov">
<param name="controller" value="true" />
Error text.
</object>
Nope the inner object doesnt work by itself in any of the browsers. It give me the same error that I was receiving before: Error Text.
I believe the server that I will be hosting it on does have PHP capabilities.
Penagate,
I finally got it to work in firefox. Works fine in Opera, IE, and FireFox.
Only thing that is different isand instead of using another object tag I took advantage of the embed tag.HTML Code:<param name="autoplay" value="true">
Here is the code:
Thanks for you helpHTML Code:<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="400"
height="240" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="../gatorade.mov">
<param name="autoplay" value="true">
<param name="controller" value="true">
<embed src="../gatorade.mov" width="400" height="240" autoplay="true"
controller="true"
pluginspage="http://www.apple.com/quicktime/download/">
</embed>
</object>