Урок по Тильде (Tilda) | Фоновое видео
ฝัง
- เผยแพร่เมื่อ 11 ก.ย. 2024
- Привет, в этом видео я расскажу, как добавить свое фоновое видео на платформе Tilda. Разберем несколько вариантов и выберем подходящее под задачу.
Ссылки из видео:
Скрипты - mt-webdesign.ru...
Стоковые видео - www.pexels.com
Онлайн конвертация видео - converterpoint.com
Movavi Video Suite (Позволяет сжимать и конвертировать видео) - www.movavi.ru/...
!Актуальная информация: mt-webdesign.r...
Не забывайте ставить лайки и подписываться на канал!
#Tilda #TildaPublishing #Web_Design #Matilda_Web_Design #Figma #Animation #УрокипоWebДизайну #УрокипоТильде #Тильда #Дизайн #ФоновоеВидео #ФишкиTilda #ЗероБлок #ZeroБлок
От души мужик!!! Сидел ковырялся с чужим кодом, вечно были непонятные отступы... С твоим кодом встало все как надо! Благодарочка!
Большее Вам спасибо! Супер урок! Скрипт просто восторг! Все понятно, и без воды. Спасибо что скрипт выкладываете на сайт, а не как некоторые особо хитрые в телеграмм!
а чем вам не удобен телеграм?
Огромная благодарность! Все чётко и по сути. А как оформлены скрипты... вообще сказка. Браво
Ваще класс! Мне, новичку, прям очень полезно. Основная ценность -- исчерпывающий рассказ. И вспомогательные сервисы названы, и как именно делать, и какие есть варианты, и даже какой скрипт вставить -- все, что нужно для использования в своем проекте. Спасибо, Александр!
спасибо огромное! все работает! выбрала 3 вариант с html вставкой! это самое крутое для моих нужд! Респект!
Спасибо большое! Долго мучилась с моб версией, жалко ваше видео мне раньше гн попалось))
@@user-hm1xu3js8r посмотрите новые части на сайте еще
Спасибо огромное, очень помогло!
Спасибо за код и инструкцию) пользуюсь, все работает супер
Огромное спасибо! Все понятно и по делу!
Очень помогли, спасибо большое, успехов вам!🙏🙏🙏
Вы такой лучший! БЛАГОДАРЮЮ!
Балдеж!
Спасибо, пойду пробовать!
Как сделать так, что бы 3 вариант корректно отображался в Safari? И как сделать так, что бы в мобильной версии в любом браузере видео было по ширине экрана, а не кропалось?
Отличные уроки! Большое спасибо !!!!
От души братец!
Более актуальная: mt-webdesign.ru/video-background
Помогите сделать то же самое, но на Яндекс диске?
Здравствуйте! Подскажите пожалуйста, как сделать автовоспроизведение фонового видео в мобильной версии 3 способом? на десктопной версии все работает, а в мобильной нет. Благодарю!
Здравствуйте. Решили проблему?
У меня третий вариант не работает((( После того как код прописываю и сохраняю, нажимаю закрыть и код пропадает((
Александр, здравствуйте! Спасибо за видео. Подскажите, пожалуйста, как можно исправить масштаб видео формата 9:16 на айфоне в мобильной версии? На андроиде видео отображает нормально, а на айфоне почему-то очень сильно масштаб увеличивает.
Видео перестало работать в сафари. В Гугле и в Яндексе работает, а в сафари в какой-то момент перестало работать. Код не трогали, не меняли, в чем может быть проблема?
спасибо за видео, применил способ ссылкой видео из dropbox. И немаловажные вопросы)) а как затемнить видео в зероблоке? ну чтоб на нем читался комфортно текст
Привет, можно создать шейп в зеро блоке поверх видео, скажем чёрный, растянуть его на 100% высоты и ширины экрана и указать ему прозрачности в 50-70%. Правда на сегодняшний день в связи со всеми известными обстоятельствами Dropbox планирует заблокировать весь контент для РФ. Так что будем искать альтернативы
@@AlexanderKolomeets здравствуйте еще не нашлось альтернативы дропбокс?
Подскажите пожалуйста почему изначально видео стоит на паузе? Как сделать чтоб он постоянно показывался
здравствуйте! это лучший код с подложкой видео , что встречала! Но у меня почему-то не проигрывает в моб версии - хром андроид. Подскажите, как исправить или в чем причины могут быть?
Здравствуйте, помогите пожалуйста, хочу добавить кнопку( соц сеть ) на картину, и это все добавить на видеофон, это как то можно сделать?
Спасибо Большое! А если нужно вставить вертикальное видео формата сториз маленьким блоком, можно ли сделать так, чтобы на телефоне оно отображалось в полный экран?
А почему нет?) Можно задать размер, который нужен, да и через медия запросы можно отрегулировать все
как скрыть все настройки видео ютюба которую с использую для своего сайта Тильда. Примеру я вставил видео с ютюба на свой сайт но это видео отображается со всеми настройками ютюба название видео, кнопки, плейлисты итд.. как все это скрыть чтобы мой зритель смотрел видео только на моем сайте и чтобы не перешёл на ютюб??
спасибо за видео, подскажите у вас есть скрипт, чтобы отключить отображение видео в мобильной версии в 3 варианте или это можно сделать проще?
Вы можете ведь через стандартные настройки блока задать диапозон видимости. К примеру до определенного разрешения показывать один блок, а на пк дргой
Спасибо за урок! У меня вопрос: делаю по 3 варианту, но мое видео в своей сущности отрезается на треть сверху в десктопной версии, на мобильном все отлично. Параметры в зеро-блоке выставляю такие же, как в уроке. Буду благодарна за ответ.
Здравствуйте! Удалось решить?
Подскажите, почему видео в мобильной версии из варианта 3 может не грузится на айфонах?
получилось решить?
Столкнулся с такой проблемой. Оказалось, что айфоны не любят webm. Загрузил в mp4 _ всё везде работает. Понимаю, что вам едва ли полезна эта информация через 11 месяцев, но может пригодится ещё кому то.
@lavmetta спасибо огромное! теперь все работает!
полдня мучаюсь и не понимаю, почему в мобилке задаю размер видео произвольное (как мне нужно), но оно все равно куда-то не туда ползет (короче, не принимает тот размер, который мне нужен).
Видимо, где то допустили ошибку. Напишите в телегц
Это нормально, что после вставки видео с дропбокса в зеро блок кодом он (видеофон) фризит, когда опубликовываешь сайт. Не сильно заметно, но заметно и напрягает. Видеофон 30 мб весит - в этом дело?
Видеофон конечно будет напрягать пк, особенно если сайт еще имеет большое количество графики или фото.
Как в дроп бокс скопировать ссылку с адресом в строке /c/ а то выдает scl и прочую хрень
@@erma.4ok привет, дропбокс прикрыли, тоже самое и с гуглом
Не подскажете, почему высвечивается пауза на экране на мобильной версии?
пауза - не воспроизводится автоматически? получилось решить?
подскажите, чем я могу в данном случае заменить дропбокс? я создаю сайты для Китая, а он здесь не работает🥺🙏🏻
Хостингом будет самым отличным решением
Спасибо за видео! Подскажите, как с помощью кода скруглить углы у html блока в Варианте 3?
Первый способ:
Создать 2 шейпа в зеро-блоке поверх кода с видео и убрать у них прозрачность.
У одного задать размер бордера в 20px к примеру и радиус скругления угла в 20px,
а у второго задать только размер бордера в 20px пример: prnt.sc/hTF6YK3elVWP
Второй способ через стили (блок t123):
#rec413499521 .tn-elem[data-elem-id="1644749640910"] .tn-atom video {
border-radius: 70px;
height: 100vh !important;
}
#rec413499521 - меняем на id своего zero-блока. border-radius - радиус скругления угла.
height - значение должно быть не в %, а либо в px, либо vh - полноэкраный.
@@AlexanderKolomeets Спасибо! Супер)
@@AlexanderKolomeets здравствуйте, подскажите пожалуйста, как убрать значок плей и чтобы видео начиналось автоматически на мобильной версии
Не дает поменять ссылку на прямую
Как сделать, чтобы видео было привязано к экрану при скроле?
День добрый, можно задать класс на Зеро блок с видео и его зафиксировать. Вот пример и код: matilda-template.tilda.ws/fix-video
@@AlexanderKolomeets У меня видео через код сделано. При выполнении вашего варианта, видео отлично изменяется, а вот весь контент перестает скролиться, так как все на одном блоке
@@AlexanderKolomeets Ютуб удаляет ссылку на саму страничку(( Там при изменении размера окна видно, что часть режется
@@AlexanderKolomeets Совместил оба ваших кода и сработало))) зеро блок с кодом видео (как 3й вариант) и зеро блок с контентом, код на объединения (как 1 и 2й варианты), код на фиксацию к блоку с видео. По итогу видео скейлится как надо, а контент скролится)
@@motikeyk А можноо ли это провернуть если первый блок не зеро, второй зеро и третий снова не зеро?
не работает способ для моб версии(
Хелп! делаю всё по инструкции но сама ссылка из дропбокса не воспроизводит видео - что я только не тыкал и общая папка и все дела . беру видео автора - воспроизводит - беру свое видео - нет в чем проблема помогите
По всей видимости ссылка не правильно прописана. Можете в телегу @lSonofSaml или сюда прислать
загрузил формата .webm всё заработало - mp4 не хотел воспроизводить
@@as-sibirsupport7272 Спасибо что сказал. У меня тоже пока не перегнал в webm не работало
Странно... У меня видео на мобиле работает.
у кого-нибудь есть фикс для того, чтобы в мобильной версии запускалось видео автоматом? у меня кнопку play надо нажать
SOLVED на айфоне надо отключить энергосберегающий режим)
@@pocketski вы мой спаситель, я уже все перелопатила, ранее работал код и вдруг нет, а оказалось выключить просто энергосберегающий режим😂 спасибо большое!
весь вечер мучаюсь не идет видео в зеро блок через код(
А ссылка правильная?
@@AlexanderKolomeets в бесплатной версии код не работает да ?))
@@cybergrandfather5146 работает, нет разницы. Ты можешь написать в телеграмм, постараюсь помочь. t.me/lSonofSaml
нет телеги , а тел кнопка , но насколько я нашел инфу что в бесплатной версии код не поддерживает , просто я еще у других ребято смотрел и их коды тоже не робят