fix(firefox): improve video loading reliability

[Super-Clancy]

Browser : Firefox
Version : 145.0.1
Subject : web app

To resume, the web app works fine on other browser (I tested it in Microsoft edge and it worked very well) and Firefox is known to be less tested than other browser. So from my experience video have a hard time loading on it and most of the site can be slow at time compared to other browser.

[TheSeydiCharyyev]

Hi! I investigated this issue on Firefox 145.0.1 (Windows 11) and here's what I found:

Testing results

Classic Vines (/discovery/classics):

• Most videos seem to load and play correctly in Firefox
• Videos showing "Failed to load video" (e.g. "good kush kiara", "Jon Mala" — both from 2015) also fail in Chrome/Edge — likely not Firefox-specific
• These are probably missing archived Vine files on the CDN (media.divine.video)

New videos (/discovery/new):

• All videos appeared to load and play in both Firefox and Chrome
• No "Failed to load video" observed in my testing

Firefox performance difference:

• Videos seem to load noticeably slower in Firefox compared to Chrome on the same connection
• Possible causes from code analysis:
  • crossOrigin="anonymous" on <video> elements may add CORS overhead and could trigger Firefox's OpaqueResponseBlocking
  • Double request pattern: HEAD preflight (checkMediaAuth) + GET for each video
  • CSP console warnings (default-src 'self' for media.divine.video resources) — probably cosmetic but might add processing overhead

Firefox console observations

• CSP warnings: Content-Security-Policy: blocked resource (default-src) for media.divine.video URLs — despite media-src allowing https:
• OpaqueResponseBlocking warnings for cross-origin video responses
• Neither appears to fully block playback, but may contribute to slower loading

Summary

• "Failed to load video" is likely caused by missing Classic Vine files on CDN (affects all browsers)
• The Firefox-specific issue seems to be slower video loading performance rather than complete failure
• The crossOrigin="anonymous" attribute on <video> elements could be a contributor to Firefox's slower performance, but needs further investigation

Happy to dig deeper into the performance difference or work on a fix if needed.

[DSanich]

@jalcine Created PR for improve loading videos in Firefox. Could you look.

cc @rabble @NotThatKindOfDrLiz

[Super-Clancy]

Compared to when I last tested it everything seems to be working much better. No problem and video loading is fast.

[NotThatKindOfDrLiz]

Awesome. Thanks for the update @Super-Clancy!