As a user with media autoplay blocked I find this website hard to use. Please consider adding play/pause buttons for each video or just keep video playback controls visible. And with blocking disabled, all videos are loaded at once, and when everything is playing at once it makes it harder to concentrate on one thing. You should consider adding some kind of lazy loading. Sad that loading="lazy" is not natively supported on videos yet.
thanks! If a fallback is possible, I'll put it in.
Any pointers how to go about the lazy loading? I want to keep it simple
No simple (native) solution yet, as far as I know. While iframe has loading="lazy" support, it probably will be detrimental to accessibility. Could be a fun experiment, though. Maybe try setting preload to "none" on video? But this might be overridden by autoplay attribute.
Solution that would require more work involves removing autoplay attribute from videos and using IntersectionObserver to check when video is inside viewport and start playing it.