如何使 youtube 嵌入代码 HTML 对 w3c 验证器有效？答案

【问题标题】：How to make youtube embed code HTML valid for w3c validator?如何使 youtube 嵌入代码 HTML 对 w3c 验证器有效？
【发布时间】：2012-04-21 04:52:59
【问题描述】：

这是我的代码。

<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。我搜索并尝试关注these guides 但我无法解决问题。

谁能帮我解决这个问题？谢谢。

【问题讨论】：

标签： html youtube w3c w3c-validation

【解决方案1】：

这个问题我已经通过下面的代码解决了，它会解决的。

                        <!----------Vimo vedio---------->
                    <object type="application/x-shockwave-flash" data="https://player.vimeo.com/video/355186746" width="480" height="360">
                        <param name="movie" value="https://player.vimeo.com/video/355186746" />
                        <param name="allowFullScreen" value="true" />
                        <param value="transparent" name="wmode" />
                        <param name="allowscriptaccess" value="always" />
                        <embed src="https://player.vimeo.com/video/355186746" width="640" height="361" frameborder="0" allow="autoplay; fullscreen; picture-in-picture">
                    </object>

【讨论】：

请解释你的答案以及它是如何解决问题的

【解决方案2】：

实际上，您不必总是使用 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

干杯帕布:)

【讨论】：

【解决方案3】：

如果您重新阅读您发布的文章，您会发现它们的正确版本不使用 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 Demo 和 Validation

【讨论】：