Hey guys. I am on next@14.0.1-canary.2 . Here is my app folder:
# app

* [atom.xml/](.\app\atom.xml)
* [route.js](.\app\atom.xml\route.js)
* [rss.xml/](.\app\rss.xml)
* [route.js](.\app\rss.xml\route.js)
* [[slug]/](.\app[slug])
* [layout.js](.\app[slug]\layout.js)
* [markdown.css](.\app[slug]\markdown.css)
* [mdx.js](.\app[slug]\mdx.js)
* [page.js](.\app[slug]\page.js)
* [AutoRefresh.js](.\app\AutoRefresh.js)
* [feed.js](.\app\feed.js)
* [fonts.js](.\app\fonts.js)
* [global.css](.\app\global.css)
* [HomeLink.js](.\app\HomeLink.js)
* [icon.png](.\app\icon.png)
* [layout.js](.\app\layout.js)
* [Link.js](.\app\Link.js)
* [not-found.js](.\app\not-found.js)
* [page.js](.\app\page.js)

I have a public folder like this:
public/blog-post-name/index.md
^^/^^/video.webm

In my index.md, which gets transpiled with MDX, I have this snippet:

<video className="mb-5" muted autoPlay loop playsInline aria-label="Discord Example">
  <source src="/blog-post-name/videoFile.webm" type="video/webm" />
</video>

However, when I navigate to the website, the webms don't work and the request url referer is: Referer: http://localhost:3000/

When I reload the page with CTRL+5, the webms load and the request url referer in the network tab is: http://localhost:3000/blog-post-name/

Does anyone knows why this could be happening?
The next.config.js only contains this code:

module.exports = {
  output: "export",
  trailingSlash: true,
};

Thank you in advance