My pages embed videos (product demos, tutorials, marketing videos) using the standard embed code from YouTube, Vimeo, or similar, and the pages are noticeably heavier because of it. Fix how my videos load: 1. Inventory every embedded video and where it sits on the page. Note that a standard iframe embed loads the provider's player JavaScript, tracking scripts, and multiple connections on page load, even for users who never press play. 2. For below-the-fold embeds, apply lazy loading (loading="lazy" on the iframe) as a baseline. 3. For a bigger win, implement a facade: render the video thumbnail with a play button (a static image, properly sized), and only inject the real iframe when the user clicks. Show me the pattern and implement it for each embed. 4. Make sure the facade is accessible: the fake play button must be a real button with an accessible name, keyboard operable, and activating it must move focus appropriately into the loaded player. 5. For self-hosted video, check the basics instead: is the file compressed for web delivery, is it streaming/range-request friendly, does it have a poster image, and is autoplay muted and only when in view (autoplaying video with sound is hostile and browsers will block it anyway). Don't remove autoplaying background video without flagging the design tradeoff to me; offer a lighter compressed version or a static image fallback for mobile and reduced-motion preferences. The deliverable is the updated embeds plus the page weight difference before and after.