The Video component maps the video file metadata received from props.sources (array of objects) to the <source> HTML tag, but for docs pages the MDX DocsPage component only passed down the publicUrl metadata field resulting in a array of strings. This causes the Video component failing to load the video file(s) for MDX docs pages.
To fix the invalid mapping the DocsPage component should pass down the whole video file metadata object instead of only the publicUrl (string) field.
The
Videocomponent maps the video file metadata received fromprops.sources(array of objects) to the<source>HTML tag, but for docs pages the MDXDocsPagecomponent only passed down thepublicUrlmetadata field resulting in a array of strings. This causes theVideocomponent failing to load the video file(s) for MDX docs pages. To fix the invalid mapping theDocsPagecomponent should pass down the whole video file metadata object instead of only thepublicUrl(string) field.