Skip to content

False positive when validating <video> with <source> wrapped in <div>

When validating a <video>-Tag with <source>-Definitions nested inside a <div> I get an error that should not occur.

Reduced test-case

<!doctype html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Video</title>
  </head>
  <body>

    <div class="video">
      <video class="video__element" poster="//localhost/__mock/video-landscape.jpg">
        <source src="//localhost/__mock/video-landscape.mp4" type="video/mp4">
      </video>
    </div>

  </body>
</html>

Configuration

No configuration file whatsoever, fails 'out-of-the-box'.

Expected result

Everything validates correctly.

Actual result

When validating the video.html-file on the command line (see above), I get the following result:

❯ npx html-validate video.html

video.html
  11:10  error  Element <source> is not permitted as content in <div>  element-permitted-content

✖ 1 problem (1 error, 0 warnings)
npm ERR! code 1
...

Version

  • html-validate: 4.4.0
Edited by Steffen Rademacker