Sunman

Увеличение видео ютуба при наведении

Рекомендованные сообщения

здравствуйте размести ембед видео ютуба на главной. заказчик хочет чтобы они увеличивались при наведении мыши. есть ли какие-нибудь красивые примеры с оверлеем или типа того.

clients.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Надо было изначально по другому начинать. 
На странице отображать картинку из видео и кнопку. 
А при клике уже грузить видео. 
Например, 

https://codepen.io/vlrprbttst/pen/jBKYBB

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

 

 

 <div class="overlay-video">
            <div class="videoWrapperExt">
                <div class="videoWrapper">
                    <div class="close"></div>
                        <iframe id="player" width="853" height="480" src="" frameborder="0" allowfullscreen=""></iframe>
                    </div>
                </div>
            </div>

 

<div class="js-overlay-start start" data-url="https://www.youtube.com/embed/Vc4VNZJPKqY?rel=0&amp;showinfo=0&amp;autoplay=1">
                <img width="560" height="315" src="/img/cl/1.jpg" frameborder="0">
            </div>

Изменено пользователем Sunman

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Статистика пользователей

    46 188
    Всего пользователей
    3 128
    Рекорд онлайна
    Marchysh
    Новый пользователь
    Marchysh
    Регистрация
  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.