In your setup, you have video files stored in one S3 bucket and your main static website stored in another S3 bucket. Users can view videos when they access the video URLs directly through their browsers, but these videos do not play when users are browsing the main website.

What is the root cause of this issue?