How to use next-video with an MDX-based routing system without direct video imports?

[leonardoRocchini]

Hi, I'm trying to use next-video in a Next.js project with an MDX-based routing system. In my MDX files, videos are referenced only via src, so I can't do a direct import as suggested in the documentation.

this is my custom component included in de mdx file
<CustomVideo src="/videos/sample.mp4" />

I created a custom component CustomVideo that wraps next-video's

import { Video } from 'next-video';

export function CustomVideo({ src }: { src: string }) {
  return return <Video src={src}/>;
}

Since I don’t know the video files in advance to import them, how can I configure next-video to handle videos dynamically at runtime? Is there a way to enable streaming and optimization support without explicit imports?

I have tried using the approach from the documentation (Remote videos with string source URL), but I end up with the following error in the JSON file:

{
   "status":"error",
   "originalFilePath":"http://localhost:3000/muxVideo/test2.mp4",
   "provider":"mux",
   "providerMetadata":{
      "mux":{
         "assetId":"TjZTCHVdcKNsxEa01lnLXkxnwIhspi5kMU01mMgzBFVLI",
         "playbackId":"b9TQT940100dXY026BHEgiEWO00ekiNH4lbHplHWUxiNCag"
      }
   },
   "createdAt":1739274185939,
   "updatedAt":1739274188506,
   "sources":[
      {
         "src":"https://stream.mux.com/b9TQT940100dXY026BHEgiEWO00ekiNH4lbHplHWUxiNCag.m3u8",
         "type":"application/x-mpegURL"
      }
   ],
   "poster":"https://image.mux.com/b9TQT940100dXY026BHEgiEWO00ekiNH4lbHplHWUxiNCag/thumbnail.webp",
   "error":{
      "type":"download_failed",
      "messages":[
         "The input file \"http://localhost:3000/muxVideo/test2.mp4\" could not be downloaded."
      ]
   }
}

The video muxVideo/test2.mp4 is located inside the public folder of my Next.js project.