В этом видео мы заменим иконку для видео а Zero блоке. На Tilda.

Регистрируйтесь на лучшем конструкторе для создания сайтов Tilda: Регистрация здесь
КОД ЗДЕСЬ

Как вставить свою иконку на видео в Zero block


<style>
.tn-atom__video-play-icon {
    position: relative;
}
.tn-atom__video-play-icon svg {
    display: none;
}
 .tn-atom__video-play-icon::after {
    content: "";
    background-image: url(https://www.pngkey.com/png/full/203-2035733_play.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.tn-atom__video-play-icon:hover {
    transform: scale(1.3);
}
</style>
Пример выполнен исключительно в зеро блоке
Как выполнить данный пример:

1) Создали ZeroBlock и добавили в него VIdeo
2) Задали для этого видео постер
3) Добавили стиль в блок Т123
В стиле указали ссылку на иконку
background-image: url(https://www.pngkey.com/png/full/203-2035733_play.png);
Скрипты и инструкции взяты и используются с официального сайта mo-ti.ru
Пожертвование на развитие проекта
Другие полезные уроки и статьи
Как сделать эффект блика для кнопки в Zero Block на Tilda
Как сделать Pop-Up всплывающее окно из Zero Block на Tilda
Как создать кнопку с градиентом в ZeroBlock на Tilda
Как создать аккордеон из Zero блоков в Тильда
Оставить заявку:
Написать мне в:
Нажимая кнопку, вы принимаете Положение и Согласие на обработку персональных данных
Есть вопросы?
Напишите мне