Вёрстка сайта 1С БИТРИКС

Задача 1: 
Реализовать единый механизм поведения верхних и нижних навигационных элементов при скролле (mobile)

Описание:
На главной странице, в мобильной версии есть функционал скролла ленты, его нужно доработать. 
Что нужно: когда пользователь скролит вниз, элементы навигации исчезают, а при скролле вверх, появляются не только поле поиска, но и блок, в котором каталогом, сертификатами и т.д.
Точно такой же функционал нужно реализовать на странице поиска в каталоге (когда пользователь ввел запрос в поиск). Только будут появляться плитка с товары, новинка, производители, фильтр + по релевантности. 
Скрытие и появление должно происходить плавно, с анимацией.
Задача 2:
Реализовать проигрыватель видео в карточке товара

Описание: В карточке товара, на мобильной и ПК версии, добавить возможность добавления и воспроизведения видео автоматически, когда до них доходит пользователь, по аналогии с маркетплейсом «OZON».

Поведение:
Видео автоматически запускается, когда попадает в зону видимости пользователя.
Авто воспроизведение – без звука (muted).
При выходе из зоны видимости – видео выключается и при возвращении запускается с начала.
Пользователь может включить звук вручную.
Видео не должно запускаться, если пользователь не доскроллил до него.
Технические требования:
Использовать lazy loading.
Без влияния на скорость загрузки страницы.
Если видео несколько – одновременно может проигрываться только одно.