@ligisayan

Как сделать превращение фоновой картинки в видеофон на всех устройства одинаковым?

Всем привет!
Есть блок с фоновой картинкой, которая во время скроллинга плавно замещается в видеофон и после "отпускает" пользователя читать информацию далее.

На ноутбуке все отрабатывает хорошо, но на больших экранах ПК видео не успевает подгрузиться и первый экран скрывается из видимости раньше, чем человек успевает посмотреть видео.

Как сделать так, чтобы везде отрабатывало одинаково?

UPD: Пример на демо-сайте меня не очень утраивает, что прокрутка начинается прямо со старта, а не происходит с задержкой после появления видеофона. e.preventDefault(); на событии scroll не работает и как я уже писал выше: хочу добиться кроссбраузерного варианта хотя бы с поддержкой ie10+

Образец:
  • Вопрос задан
  • 53 просмотра
Пригласить эксперта
Ответы на вопрос 1
@lGHOSTl
Можно попробовать начинать скролить по событию playing.
Тут все возможные события, которые срабатывают на медиа тегах (audio, video)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы