Was tricky getting a video, with corner radii that change on over, on top of a blurry version of the same video. CSS filters, masking, and combos of both are inconsistent between browsers and often don't resize well

Ended up stacking two video elements w/ a script to keep them in sync

As long as it’s same video cache being served that sounds quite good

Mostly Typescript/Python, lead dev at @atomichub. Love everything sci fi related.
https://github.com/DamianBusz

I’m quite sure there is a better way to handling this scenario though, will play around on the weekend if I find time and report back to you, quite interesting topic though

For sure, it's working pretty ok!

I would sometimes experience sync probs on some mobile browsers & when desktop was under heavier load. Also wanted to accommodate if a video had audio (even though the vids are set to muted in HTML). Apparently initializing audio creates a small playback gap b/w two identical vids