Skip to main content

[JavaScript] Why are my Session Replay images blank?

Issue

Images stored on S3 (or another CDN) show as blank in Session Replay. Network checks may show status code 0 for those image requests.

Applies To

  • All SaaS Customers and Self-Hosted Users

  • JavaScript SDK (browser)

  • Session Replay

  • Images hosted on S3 or another cross-origin CDN

Symptoms

  • Images in the replay look blank or broken

  • Image requests from the Replay player show status code 0

  • The rest of the replay may still play

Resolution

Session Replay plays in an iframe on sentry.io. External images must be fetchable by that origin.

  1. Add https://sentry.io to the CORS policy on your image host (for S3, set Access-Control-Allow-Origin so the Replay player can load the objects). See Session Replay troubleshooting.

  2. If your bucket or CDN also blocks hotlinking by Referer, allow requests from Sentry’s player, or adjust the page Referrer-Policy (not built or maintained by Sentry) so those requests are not stripped in a way your host rejects.

  3. Confirm Replay privacy is not blocking media. Default blockAllMedia: true redacts images. Use blockAllMedia: false or unblock selectors only when that matches your privacy requirements (Privacy).

After CORS (and any Referer rules) allow sentry.io, open a new replay and confirm the images load.

If the entire replay canvas is blank, see Why are my replays blank?.

Did this answer your question?