Hosting Next.js APP with mp4/webm vidoes

### Before opening, please confirm:

- [X] I have checked to see if my question is addressed in the [FAQ](https://github.com/aws-amplify/amplify-hosting/blob/master/FAQ.md).
- [X] I have [searched for duplicate or closed issues](https://github.com/aws-amplify/amplify-hosting/issues?q=is%3Aissue+).
- [X] I have read the guide for [submitting questions](https://github.com/aws-amplify/amplify-hosting/blob/master/CONTRIBUTING.md).
- [X] I have removed any sensitive information from my code snippets and submission.

### App Id

NEW_APP

### AWS Region

us-east-1

### Amplify Hosting feature

Frontend builds

### Question

I'm trying to host my next.js site on the amplify that contais few video files in the `public` directory. I have tried this with 2 different formats , same result ( mp4 & webm ).

On local machine works all good, but on hosted version it does not work at all.
```

```

After some diging found someone saying that i should edit `Rewrites and redirects` ( https://github.com/aws-amplify/amplify-hosting/issues/1416 )

But after adding `` it does show one out of 3 videos, the other just not found at all.

Can it be size problem? Even thought their all are bellow 10MB.

Start with the Next.js video files in the public directory and the Rewrites and redirects configuration described in the issue. Compare the relative source URL and hosted responses for each mp4/webm file, checking whether all files are present and served correctly. Done means every referenced video loads in the deployed site.

Written by the indexing model from the issue text.