<video> tags not being processed correctly

[ghost]

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and couldn’t find anything (or linked relevant results below)

Affected packages and versions

"rehype-raw": "^6.1.1"

Link to runnable example

No response

Steps to reproduce

I am using the following code:

<figure>
  <video width="100%" height="100%" controls >
    <source src="example.mp4" type="video/mp4" />
    <p>
      Your browser doesn't support HTML video. Here is a
      <a href="example.mp4">link to the video</a> instead.
    </p>
  </video>
  <figcaption class="figure-caption">example.mp4</figcaption>
</figure>

on a .md file in NextJS (Node v20, NPM 9).

Expected behavior

A video should be rendered on the resulting HTML page.

Actual behavior

A video is not rendered and upon closer inspection, an img tag is being spat out instead.

Runtime

Other (please specify in steps to reproduce)

Package manager

Other (please specify in steps to reproduce)

OS

Linux

Build and bundle tools

Next.js

[wooorm]

try 7.0.0, it contains syntax-tree/hast-util-raw@e66705a.

[ghost]

Upgraded.
I put this:

<video width="100%" height="auto" controls>
  <source src="/example.mp4" type="video/mp4" />
  Your browser does not support the video tag.
</video>

This is output in dev tools:

Paths are correct and no error in console. Interestingly, img tags (and all other HTML) render as expected. This only has to do with video. Video encoding has been checked and it loads fine directly in browser.

[Murderlon]

Here you can see it working as expected: https://stackblitz.com/edit/github-aeyswk?file=src%2Fmain.ts

This is probably an issue with your config, for which there is not enough information to help.

[ghost]

Indeed, it's been my config. Sanitize was the culprit.

I have video showing now with the help of the docs and your example.

Thanks and closing.