Issue with Displaying Video Thumbnails from S3 Bucket in Strapi

Hello Community,

I’m currently facing an issue with displaying video thumbnails from my Amazon S3 bucket in my Strapi application. I’ve been able to successfully upload both images and videos to the S3 bucket, and while the images are rendering fine, I seem to be having a problem with the video files.

Here’s a screenshot of how the media thumbnails currently appear: https://i.imgur.com/avOOMic.png. When I click on a video, the display is as shown in this screenshot: https://i.imgur.com/3QS5ljr.png.

Here are the configurations I’ve made:

  1. plugins.js: https://i.imgur.com/3QS5ljr.png
  2. middleware.js: https://i.imgur.com/oA78V8y.png
  3. S3 Bucket policy: https://i.imgur.com/Kq7s6wb.png
  4. CORS: https://i.imgur.com/bI57rFP.png

Despite these settings, the video thumbnails are not rendering as they should. It feels like I’m missing something, but I’m not sure what.

If anyone has encountered a similar issue or has insights into what might be going wrong, I’d greatly appreciate your help. Furthermore, if there are recommended settings or configurations for handling video files in Strapi that I might have overlooked, please do share.

I look forward to hearing your insights and suggestions. Thank you in advance for your assistance.

Best Regards,
Bhautik