HTML5视频验证错误

Question

我有以下标记，这些标记是使用VideoJS播放器实现的（如果需要，我也可以包含js）：

<video id="example_video_1" class="video-js" width="736" height="352" controls="controls" autoplay="autoplay" loop="loop"> 
    <source src="a/v/jt_homevid.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>                         
    <source src="a/v/jt_homevid.ogg" type='video/ogg; codecs="theora, vorbis"'>         
    <object id="flash_fallback_1" class="vjs-flash-fallback" width="736" height="352" type="application/x-shockwave-flash"  data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"> 
        <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> 
        <param name="allowfullscreen" value="true" /> 
        <param name="flashvars" value='config={"playlist":["<? echo $currurl; ?>/a/v/slide-1-joshtaerk-cdcover.jpg", {"url": "<? echo $currurl; ?>/a/v/jt_homevid.mp4","autoPlay":false,"autoBuffering":true}]}' />         
        <img src="a/v/slide-1-joshtaerk-cdcover.jpg" width="736" height="352" alt="Poster Image" title="No video playback capabilities." /> 
    </object> 
</video> 

目前，此操作无法通过HTML验证，并显示以下错误消息：

第152行，第82列：在这种情况下，元素源不允许作为元素视频的子元素。 （抑制此子树中的其他错误。）…
可以使用元素源的上下文：作为媒体元素的子元素，在任何流内容或轨道元素之前。元素视频的内容模型：如果元素具有src属性：零个或多个轨道元素，则透明，但具有没有媒体元素后代。如果元素没有src属性：零个或多个源元素，则零个或多个track元素，然后透明，但没有媒体元素后代。

我确实知道，在开发过程中，此刻也许我不应该信任W3C HTML5验证程序，但是如果我输入了错误的代码，我想确定在哪里以及将来如何防止它。 另外，我想确保我正确地解释了错误消息，我认为这应该一直发生。

我看不到如何偏离此元素的允许上下文。 它是媒体元素（特别是<video>标记）的子元素，它位于任何“流内容”之前，因为我找不到W3C上作为流内容列出的<source>元素（在此链接 ），而且我目前没有任何<track>元素。

我不确定的一件事是<video>元素的内容模型中的“然后透明”的定义。 据我了解，如果media元素内的元素也有效，如果它们在media元素的父元素内也有效（从此线程来看： HTML5 <audio>元素中可以有多个src属性吗？ <source>元素？ ），也许这是我走错的地方，因为我在<div>父级中有<video>元素？

谁能确认这是我的错误，还是我应该忽略验证消息？ 如果这是一个错误，我应该如何布置我的内容？ 通过直接设置视频元素的样式？

提前致谢。

Answer 1

您的理解是正确的，这的确看起来像验证程序错误。

Validator.nu与W3C验证器基于相同的验证器引擎，但很可能是更高版本，它传递标记而没有任何错误。

Answer 2

现在，此错误已在HTML5验证程序中修复。