2012-04-08 40 views
3

這是我的代碼。
如何使youtube嵌入代碼HTML對w3c驗證器有效?

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

但上面的代碼未能通過W3C Validator。 我搜索並嘗試關注theseguides但我無法解決問題。

任何人都可以幫助我嗎?謝謝。

回答

0

其實,你並不需要總是使用從YouTube提供的嵌入式代碼。

下面是更改youtube的嵌入版本並驗證它的典型方法。

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

哪裏n是視頻的youtube ID。

看到一個演示validation result

乾杯帕布:)

+0

感謝帕布我得到它。 :) – 2012-04-09 10:34:27

4

如果你重新閱讀您發佈的文章,你會看到他們的正確版本不使用embed對象(它在XHTML-1.0不建議使用)。

使用

<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/Cbspv1ZKR8o?version=3&amp;hl=en_US" width="480" height="360"> 
    <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" /> 
</object> 

Working DemoValidation