How to make youtube embed code HTML valid for w3c validator?

Question 1

Question by Shree

Here is my code.

<div>
    <object>
        <param name="movie" value="http://www.youtube.com/v/Cbspv1ZKR8o?version=3&amp;hl=en_US" />
        <param name="allowFullScreen" value="true" />
        <param value="transparent" name="wmode" />
        <param name="allowscriptaccess" value="always" />
        <embed src="http://www.youtube.com/v/Cbspv1ZKR8o?version=3&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" class="cssVideo"></embed>
    </object>
</div>

But the above code failed to pass the W3C Validator.
I search and try to follow these guides but I am unable to solve the problem.

Can anyone help me with this? Thanks.

Answer

Answer by Starx

Starx

Actually, you don’t need to always use the embeded code provided from youtube.

Below is a typical way to change the embedded version of the youtube and validate it as well.

<object type="application/x-shockwave-flash" width="425" height="350" data="http://www.youtube.com/v/n">
     <param name="movie" value="http://www.youtube.com/v/n" />
     <a href="http://get.adobe.com/flashplayer/" target="blank"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get flash player to play to this file" width="88" height="31" /></a><br />
</object>

Where n is the youtube id of the video.

See a demo validation result

Cheers Prabhu 🙂

Question 2

Question by Dharmik Bhandari

Dharmik Bhandari

How to solve this HTML 5 Validation error related to fb like button.

Here is the text from Validation engine:

Line 3170, column 261: Element name fb:like-box cannot be represented as XML 1.0.
…rue” border_color=”” stream=”false” header=”false” height=”260″ >

Here is the code on Line 3170..

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/fburlhere" width="250" show_faces="true" border_color="" stream="false" header="false" height="260" ></fb:like-box>

I have tried several tricks given on several sites as well as stackexchange, but none of them appear to work.

Just after this error, there is also another error which reads… Element fb:like-box not allowed as child of element div in this context. (Suppressing further errors from this subtree.) referring to the same line number.

Thanks in advance.

Answer

Answer by Starx

Starx

The markup are dynamically placed/generated from Facebook itself. You cannot control them, the way you want. But there is a HTML5 version of the Like Box, you can use instead.

When you are generating the code for the like-box. You will get an option like Facebook HTML5 like-box
[Source]

Tag: w3c-validation

How to make youtube embed code HTML valid for w3c validator?

Question by Shree

Answer by Starx

How to solve HTML5 Validation error on fb-like box?

Question by Dharmik Bhandari

Answer by Starx

Please fill the form - I will response as fast as I can!