The hero video on my website’s home page should autoplay cleanly, scale to any screen, and remain sharp across modern browsers, yet right now it either fails to load, appears cropped, or stalls—especially after recent theme updates. I need you to dig into the existing HTML / CSS / JavaScript (and any player libraries in use), pinpoint why the embed behaves differently on desktop and mobile, then implement a future-proof solution. Your work will involve: • Auditing the current markup and script that embeds the video • Correcting sizing and aspect-ratio rules so the frame adapts fluidly • Ensuring smooth playback on iOS, Android, and major desktop browsers • Minimising load time with proper preload images (mobile and desktop with loading indicator), and compression settings • Delivering clear, commented code changes plus a short hand-off note Acceptance criteria: the video loads within two seconds on a 4G connection, preserves its full 16:9 frame without black bars or cropping at every tested breakpoint, plays on tap/click without stutter, and leaves no console errors. Access to the live site, source files, and hosting panel is ready as soon as we agree to proceed. https://www.zaynah.co.uk/