I am a bit sad we lost that adorable dog!

Sorry about that! I decided to pick something more neutral, but here is the last version that still had the dog: https://observablehq.com/d/91ae3a08749240f5@120

Very cool! I didn't know you could create such complex color filter matrix! ps, it doesn't work on safari nor on Ios safari, I get the error --> Blocked a frame with origin "https://mootari.static.observableusercontent.com" from accessing a frame with origin "https://observablehq.com". Protocols, domains, and ports must match... Perhaps if you serve the video from the same worker it will work? for instance your notebook svg-filter-scales works on safari/ios.

Also for iOS you can add playsinline to the video element

I just added a crossorigin attribute - can you try again? (also, not sure how that "repload" got in there...) Interestingly the filters don't appear to work in Safari. :/

FYI, the Safari error is unrelated, and is triggered by Observable's FileAttachment integration code. See https://talk.observablehq.com/t/safari-console-blocked-a-frame/1505/5 for details.

yes, also on Chrome desktop the video often glitches. I just notice that your notebook @mootari/svg-filter-scales is not using SVG foreingObject and the filters are working fine on Safari/iOS. Anyway your colorFilter trick was a great discovery! Thanks

If you want to dive deeper into SVG filters, I'm working on an SVG-only hillshader in https://observablehq.com/d/cdaf893f49e5ff33 (it's quite hard to use without my cell name user style, though).