embed Google Video on website - Page...

User 181505 Photo


Registered User
31 posts

I use HTML Editor 7 a registered version and am running Windows XP. I love coffeecup software and this site. I have done a website for a friends hockey team, I used a free template for the design it's great and they love it. All my time is for free. They paid for hosting company and domain name. They want to put short video hi-lights on their site and because of the cost of bandwith etc and my inexperience I suggested google video. They set up an account and uploaded their 3-4 minute video. I got the embed link and copied and pasted it in the website. It works. I haven't actually uploaded it to the server yet because I want to to be HTML Validated. THe site is www.stoneycreekjrsabres.ca

This is the embed code I pasted: <embed style="width:400px; height:326px;" id="videoplayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docid=-2808284274481528764&amp;hl=en-ca"> </embed>

I always want to HTML validate my page before I upload and I received this error markup message:

Validation Output: 5 Errors
Line 98, Column 13: there is no attribute "STYLE".
<embed style="width:400px; height:326px;" id="videoplayback" type="application/x✉

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).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

Line 98, Column 45: there is no attribute "ID".
…tyle="width:400px; height:326px;" id="videoplayback" type="application/x-shoc✉

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).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

Line 98, Column 66: there is no attribute "TYPE".
…ight:326px;" id="videoplayback" type="application/x-shockwave-flash" src="htt✉

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).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

Line 98, Column 102: there is no attribute "SRC".
…="application/x-shockwave-flash" src="http://video.google.com/googleplayer.sw✉

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).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

Line 98, Column 184: element "EMBED" undefined.
…id=-2808284274481528764&amp;hl=en-ca"> </embed>✉

You have used the element named above in your document, but the document type you are using does not define an element of that name. 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 "Frameset" document type to get the "<frameset>" element),
by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case).

Any help would be appreciated. Laurie
User 103173 Photo


VP of Software Development
0 posts

The problem is the embed tag. The w3c validates only the object tag, however both are needed if you want to have your Flash load in IE and FireFox.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 181505 Photo


Registered User
31 posts

So is it ok to leave it as is? I corrected the special characters "&" to the html coding etc.
User 103173 Photo


VP of Software Development
0 posts

Just leave it as is.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 463058 Photo


Ambassador
1,086 posts
Online Now

You can try this code from the A List Apart article, "Bye Bye Embed".

<object type="application/x-shockwave-flash" data="http://video.google.com/googleplayer.swf?docid=-2808284274481528764&amp;hl=en-ca" width="400" height="326" id="VideoPlayback">
<param name="movie" value="http://video.google.com/googleplayer.swf?docid=-2808284274481528764&amp;hl=en-ca">
</object>
User 181505 Photo


Registered User
31 posts

Thanks for your help. Where do I find that article bye bye embed?
User 463058 Photo


Ambassador
1,086 posts
Online Now

User 181505 Photo


Registered User
31 posts

HI Cary
Thanks for the link to the article. I appreciate your time, I love that I can always get help here. Everyone at coffeecup user forum are fantastic. I now have a new site bookmarked because of you.
Laurie
User 2015813 Photo


Registered User
23 posts

For all that want to incorporate their flash animations as well as the flash items that are offered by coffeecup and still have them work as well being validated. google the chicken satay method, it is what I use, and my code is fully validated, in fact when questioning the wmode param element I had the coffeecup team even have to do some research to see what I did to the code. also to correct a false statement previously in the thread, embed is not for firefox, but for netscape which is pretty much extinct, since hte last statistics show that less then 1% of the worlds population uses that browser.

Hope this helps.

For an example feel free to visit my website at http://www.durhamswebdesigner.com
if you view the source code you will see that the flash animation on my left sidebar, uses this method, is visible in firefox, and is valid code. another example, to use a coffeecup product example would be to view the contact form which was created with the highly effective web resource - Web Form Builder That way you can also see that even with the files you recieve from the various coffeecup files you can still have symantically correct valid code.

I know it did fo me, happy coffeecupping to all.
Chad Warford
Warford Designs
Owner/Operator
http://www.durhamswebdesigner.com
http://www.resumeservicesdurham.com
http://www.opensourcesoftwareonline.com

"inventing the web involved my growing realization that there was power in arranging ideas in an unconstrained, web-like way..."

Tim Berners-Lee
User 2015813 Photo


Registered User
23 posts

Sorry Scott hate to say it but this time you are not fully correct, firefox doesn't need the embed tag, just the "type" element with adding the "data" element in the object tag.

By The Way speaking of code, the web form builder produces one "value" element in capitals, which then in return also does not allow your code to validate, just a note to the coffeecuppers out there, and maybe a consideration for the next upgrade.

Love My CoffeeCup, I miss the "I love ... Coffee In A Cup, when you installed, we need to get that back, lol
Chad Warford
Warford Designs
Owner/Operator
http://www.durhamswebdesigner.com
http://www.resumeservicesdurham.com
http://www.opensourcesoftwareonline.com

"inventing the web involved my growing realization that there was power in arranging ideas in an unconstrained, web-like way..."

Tim Berners-Lee

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.