Задача

На страницах, свёрстанных в Tilda, есть фоновое видео, которое подключается через облачное хранилище. Видео запускается автоматически при загрузке страницы, но продолжает играть даже при скроллинге, когда контент уже полностью выпал из окна браузера. Это создаёт излишнюю нагрузку и отвлекает.

Что нужно реализовать

• Видео должно автоматически запускаться только тогда, когда находится в видимой части экрана;
• Как только пользователь прокручивает страницу так, что видео попадает за границу видимости, оно должно немедленно останавливаться;
• При обратном появлении видео в зоне просмотра должно включаться снова (как при классическом Intersection Observer);
• Скрипт не должен сбрасывать время посередине - при возобновлении видео стартует с той же секунды, на которой было прервано;
• Всё дорабатывается без замены плееров, только JS/стили (текущий код на странице менять вёрстку не нужно).

Технические моменты

• База - Tilda (ввод через блок видео с автовоспроизведением);
• Необходимо сделать cross-browser и robust, без конфликта с штатными скриптами сайта;
• Допускается лёгкое БЕК-энд или вставка в head/низ body.

Условия оплаты и передачи

• Финальный код с комментариями и без логов отладки;
• Краткие инструкции - какую часть куда размещать на стороне заказчика (в Tilda это обычно блок HTML или <script> в Pro).