HTML и CSS: встроенное видео с наложенной навигационной панелью на основе прокрутки

#javascript #html #css #video #iframe

#javascript #HTML #css #Видео #iframe

Вопрос:

Итак, у меня есть это видео, которое я хочу представить на своем веб-сайте, который уже создан. Я хочу изменить ситуацию, разместив видео на весь экран на целевой странице при загрузке веб-сайта. Затем, при прокрутке вниз, видео всегда должно оставаться полноэкранным, но навигационная панель, логотип и несколько текстовых элементов должны перекрывать видео (с постепенным изменением в зависимости от положения прокрутки), приостанавливая видео в определенный момент. После того, как все полностью исчезло, я хочу, чтобы видео прокручивалось вниз со всем сверху, как если бы это было изображение.

Я абсолютно не представляю, какие элементы css использовать для этого, и я ищу некоторые подсказки и идеи о том, как это создать. Я не нашел ни одного веб-сайта, на котором это приводилось бы в качестве примера, но я уверен, что у всех есть что-то подобное. Кроме того, это было бы сложно реализовать в качестве мобильной версии…

Извините, что не включил код, в данном случае это просто не имеет смысла. Спасибо!

Комментарии:

1. Пробовали ли вы некоторые основы — например, автоматическое воспроизведение видеоэлемента (по крайней мере, для некоторых ОС его нужно отключить) на вашей целевой странице. Также вы пробовали накладывать текст и т. Д., Чтобы быть сверху (например, z-index), И вы заглянули в sticky — я не уверен, имеет ли это отношение к вашей навигационной панели и т. Д., Но это может быть.

2. Я рассмотрю это, спасибо!