Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Александр Осадчий
@DELUX
JavaScript
HTML
Как сделать такой же блок с видео?
Есть ли готовое решение с
такой реализацией
?
Речь о секции с видео - там и анимация курсора, и видео на фоне... Красиво.
Вопрос задан
более трёх лет назад
85 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
1
Ankhena
@Ankhena
Куратор тега JavaScript
Нежно люблю верстку
Мой какой-то пример на jq
https://jsfiddle.net/Ankhena/6oy7ofas/
Вместо квадратика может быть что угодно.
Если надо на чистом js перепишите или нагуглите.
Видео вставляется тегом video.
Ответ написан
более трёх лет назад
2
комментария
Нравится
1
2
комментария
Facebook
Вконтакте
Twitter
Александр Осадчий
@DELUX
Автор вопроса
Отличное решение..спасибо вам, но есть проблемка - как запретить красному элементы вылетать за пределы родительского (желтого) блока?
snippet
Если плавно водить курсором, то элемент гелко залетает за пределы родителя, как это можно пофиксить?
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега JavaScript
Александр Осадчий
, ограничить координаты
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Средний
Как установить запрет поворота карточки флип блока в Elementor (CMS WordPress)?
1 подписчик
вчера
39 просмотров
0
ответов
JavaScript
+2 ещё
Простой
Как изменить формат url для видео на vimeo?
1 подписчик
14 июн.
61 просмотр
0
ответов
JavaScript
+2 ещё
Простой
Как добавить AutoPlay для видео в модальном окне?
1 подписчик
12 июн.
96 просмотров
1
ответ
HTML
+1 ещё
Простой
Как реализовать переход с Bootstrap 3 на Bootstrap 5?
1 подписчик
12 июн.
112 просмотров
1
ответ
JavaScript
Средний
Действительно ли скрипт на этом сайте не работает?
1 подписчик
12 июн.
125 просмотров
1
ответ
JavaScript
+3 ещё
Простой
Как реализовать запуск видео на сайте по клику видео YouTube/Vimeo на bootstrap?
1 подписчик
11 июн.
94 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Не работает эта чатсть submit.addEventListener?
1 подписчик
11 июн.
76 просмотров
1
ответ
JavaScript
Простой
Как скрипт tampermonkey заставить выполняться уже после ublock?
1 подписчик
10 июн.
87 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сверстать такую кнопку?
1 подписчик
07 июн.
2218 просмотров
3
ответа
JavaScript
+1 ещё
Простой
Не корректно считает высоту pdf puppeteer?
2 подписчика
06 июн.
199 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Уверенный программист JavaScript
novaArt
от 100 000 до 180 000 ₽
Fullstack-разработчик (PHP/JavaScript)
Rubrain.com
•
Москва
от 250 000 до 280 000 ₽
Fullstack JavaScript разработчик
MakeDifference
от 60 000 до 120 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама