Page 1 of 1

xhtml and <embed src= validation error

Posted: Mon Apr 25, 2011 5:31 pm
by Noodle80
Didn't know if to post this in the html basics or not since it deals with xhtml.

I have a website that I am building with a .mov file using quicktime.
The code that I have found from quicktime is as follows...

Code: Select all

<object data="videos/training.mov" width="320" height="416"
	classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
	codebase="http://www.apple.com/qtactivex/qtplugin.cab">
	<param name="src" value="videos/training.mov" />
	<param name="autoplay" value="false" />
	<param name="controller" value="true" />
	<embed src="videos/training.mov" width="320" height="416"
		autoplay="false" controller="true"
		pluginspage="http://www.apple.com/quicktime/download/" />
	
</object>
Here's the kicker...

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
DOCTYPE is Transitional. When I check the page with http://validator.w3.org/ I get the following error

there is no attribute "src"
<embed src="videos/training.mov" width="320" height="416"
You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

It's saying that I need to use the "Transitional" document type which is what I am using.
Any suggestions on how to change this? I've tried to look for html/xhtml conversions, but I haven't found anything uesful yet.

Thanks

Re: xhtml and <embed src= validation error

Posted: Mon Apr 25, 2011 6:01 pm
by Noodle80
Found it!
http://realdev1.realise.com/rossa/rende ... ktime.html explains everything about it. The only thing that I had to change is in the css file.

Code: Select all

object.mov {
display:none;
}
I changed it to

Code: Select all

object.mov {
display:inline;
}
So if anyone has questions about this now, go to the website and copy the example code, change the name of the movie and play around with the css file until it works.

Have a good one!