Урок по Тильде (Tilda) | Фоновое видео

[@romarezinkin]

От души мужик!!! Сидел ковырялся с чужим кодом, вечно были непонятные отступы... С твоим кодом встало все как надо! Благодарочка!

[@НикитаТумаров-ы9в]

Большее Вам спасибо! Супер урок! Скрипт просто восторг! Все понятно, и без воды. Спасибо что скрипт выкладываете на сайт, а не как некоторые особо хитрые в телеграмм!

[@serjalbov]

а чем вам не удобен телеграм?

[@Damiross1]

Спасибо, отличный урок. Просто и по дело объясняешь

[@eugennaumov1860]

Ваще класс! Мне, новичку, прям очень полезно. Основная ценность -- исчерпывающий рассказ. И вспомогательные сервисы названы, и как именно делать, и какие есть варианты, и даже какой скрипт вставить -- все, что нужно для использования в своем проекте. Спасибо, Александр!

[@mariiakyianychenko7736]

Огромная благодарность! Все чётко и по сути. А как оформлены скрипты... вообще сказка. Браво

[@Luchinskaya]

спасибо огромное! все работает! выбрала 3 вариант с html вставкой! это самое крутое для моих нужд! Респект!

[@СааскыланаСлепцова]

Спасибо большое! Долго мучилась с моб версией, жалко ваше видео мне раньше гн попалось))

[@AlexanderKolomeets]

@@СааскыланаСлепцова посмотрите новые части на сайте еще

[@alexr1der]

Спасибо за ролик. Есть какая-то альтернатива converterpoint которую вы можете посоветовать? Ибо этот сайт выдает ошибку при загрузке ролика.

[@Vika-lb3cq]

Спасибо за код и инструкцию) пользуюсь, все работает супер

[@sergey_kuryshin]

Как сделать так, что бы 3 вариант корректно отображался в Safari? И как сделать так, что бы в мобильной версии в любом браузере видео было по ширине экрана, а не кропалось?

[@natasshanolan]

Вы такой лучший! БЛАГОДАРЮЮ!

[@olgabaranova6342]

Огромное спасибо! Все понятно и по делу!

[@maburutaiga]

Спасибо огромное, очень помогло!

[@СемёнЛогинов-п3л]

Очень помогли, спасибо большое, успехов вам!🙏🙏🙏

[@sergeyglushakov6002]

Балдеж! Спасибо, пойду пробовать!

[@Anastasia-oe1sw]

Отличные уроки! Большое спасибо !!!!

[@ОльгаСабурова-н4б]

Здравствуйте! Подскажите пожалуйста, как сделать автовоспроизведение фонового видео в мобильной версии 3 способом? на десктопной версии все работает, а в мобильной нет. Благодарю!

[@chucheev]

Здравствуйте. Решили проблему?

[@ДенисШишканов-д1р]

Александр, здравствуйте! Спасибо за видео. Подскажите, пожалуйста, как можно исправить масштаб видео формата 9:16 на айфоне в мобильной версии? На андроиде видео отображает нормально, а на айфоне почему-то очень сильно масштаб увеличивает.

[@kscan]

Помогите сделать то же самое, но на Яндекс диске?

[@edelweissedelweiss273]

Здравствуйте, помогите пожалуйста, хочу добавить кнопку( соц сеть ) на картину, и это все добавить на видеофон, это как то можно сделать?

[@GrapefruitVideo]

От души братец!

[@AlexanderKolomeets]

Более актуальная: mt-webdesign.ru/video-background

[@alinaadt1078]

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

[@sok6738]

Спасибо за урок! У меня вопрос: делаю по 3 варианту, но мое видео в своей сущности отрезается на треть сверху в десктопной версии, на мобильном все отлично. Параметры в зеро-блоке выставляю такие же, как в уроке. Буду благодарна за ответ.

[@vladislavmetta]

Здравствуйте! Удалось решить?

[@doronin-aleksndr]

спасибо за видео, применил способ ссылкой видео из dropbox. И немаловажные вопросы)) а как затемнить видео в зероблоке? ну чтоб на нем читался комфортно текст

[@AlexanderKolomeets]

Привет, можно создать шейп в зеро блоке поверх видео, скажем чёрный, растянуть его на 100% высоты и ширины экрана и указать ему прозрачности в 50-70%. Правда на сегодняшний день в связи со всеми известными обстоятельствами Dropbox планирует заблокировать весь контент для РФ. Так что будем искать альтернативы

[@user-moroznik]

@@AlexanderKolomeets здравствуйте еще не нашлось альтернативы дропбокс?

[@ЮлияБулаева-д3э]

спасибо за видео, подскажите у вас есть скрипт, чтобы отключить отображение видео в мобильной версии в 3 варианте или это можно сделать проще?

[@AlexanderKolomeets]

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

[@wildberriesonlinekg604]

как скрыть все настройки видео ютюба которую с использую для своего сайта Тильда. Примеру я вставил видео с ютюба на свой сайт но это видео отображается со всеми настройками ютюба название видео, кнопки, плейлисты итд.. как все это скрыть чтобы мой зритель смотрел видео только на моем сайте и чтобы не перешёл на ютюб??

[@СергейМорозов-б7о]

Видео перестало работать в сафари. В Гугле и в Яндексе работает, а в сафари в какой-то момент перестало работать. Код не трогали, не меняли, в чем может быть проблема?

[@АнатолийКапанадзе-е2л]

Подскажите пожалуйста почему изначально видео стоит на паузе? Как сделать чтоб он постоянно показывался

[@olegNoi]

Спасибо за видео! Подскажите, как с помощью кода скруглить углы у html блока в Варианте 3?

[@AlexanderKolomeets]

Первый способ: Создать 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 - полноэкраный.

[@olegNoi]

@@AlexanderKolomeets Спасибо! Супер)

[@moshennik4736]

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

[@КсенияЯроцкая-р8е]

Подскажите, почему видео в мобильной версии из варианта 3 может не грузится на айфонах?

[@pocketski]

получилось решить?

[@vladislavmetta]

Столкнулся с такой проблемой. Оказалось, что айфоны не любят webm. Загрузил в mp4 _ всё везде работает. Понимаю, что вам едва ли полезна эта информация через 11 месяцев, но может пригодится ещё кому то.

[@homekitchen1482]

@lavmetta спасибо огромное! теперь все работает!

[@mikhailtkachukdesignlab2420]

Спасибо Большое! А если нужно вставить вертикальное видео формата сториз маленьким блоком, можно ли сделать так, чтобы на телефоне оно отображалось в полный экран?

[@AlexanderKolomeets]

А почему нет?) Можно задать размер, который нужен, да и через медия запросы можно отрегулировать все

[@erma.4ok]

Как в дроп бокс скопировать ссылку с адресом в строке /c/ а то выдает scl и прочую хрень

[@AlexanderKolomeets]

@@erma.4ok привет, дропбокс прикрыли, тоже самое и с гуглом

[@ivanstarchenko1492]

Это нормально, что после вставки видео с дропбокса в зеро блок кодом он (видеофон) фризит, когда опубликовываешь сайт. Не сильно заметно, но заметно и напрягает. Видеофон 30 мб весит - в этом дело?

[@AlexanderKolomeets]

Видеофон конечно будет напрягать пк, особенно если сайт еще имеет большое количество графики или фото.

[@Иван-щ3э2е]

У меня третий вариант не работает((( После того как код прописываю и сохраняю, нажимаю закрыть и код пропадает((

[@zhasminshamsieva6346]

подскажите, чем я могу в данном случае заменить дропбокс? я создаю сайты для Китая, а он здесь не работает🥺🙏🏻

[@AlexanderKolomeets]

Хостингом будет самым отличным решением

[@mysticalpower8411]

Не подскажете, почему высвечивается пауза на экране на мобильной версии?

[@pocketski]

пауза - не воспроизводится автоматически? получилось решить?

[@veraurbanovich1816]

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

[@AlexanderKolomeets]

Видимо, где то допустили ошибку. Напишите в телегц

[@as-sibirsupport7272]

Хелп! делаю всё по инструкции но сама ссылка из дропбокса не воспроизводит видео - что я только не тыкал и общая папка и все дела . беру видео автора - воспроизводит - беру свое видео - нет в чем проблема помогите

[@AlexanderKolomeets]

По всей видимости ссылка не правильно прописана. Можете в телегу @lSonofSaml или сюда прислать

[@as-sibirsupport7272]

загрузил формата .webm всё заработало - mp4 не хотел воспроизводить

[@TheLaaco]

@@as-sibirsupport7272 Спасибо что сказал. У меня тоже пока не перегнал в webm не работало

[@motikeyk]

Как сделать, чтобы видео было привязано к экрану при скроле?

[@AlexanderKolomeets]

День добрый, можно задать класс на Зеро блок с видео и его зафиксировать. Вот пример и код: matilda-template.tilda.ws/fix-video

[@motikeyk]

@@AlexanderKolomeets У меня видео через код сделано. При выполнении вашего варианта, видео отлично изменяется, а вот весь контент перестает скролиться, так как все на одном блоке

[@motikeyk]

@@AlexanderKolomeets Ютуб удаляет ссылку на саму страничку(( Там при изменении размера окна видно, что часть режется

[@motikeyk]

@@AlexanderKolomeets Совместил оба ваших кода и сработало))) зеро блок с кодом видео (как 3й вариант) и зеро блок с контентом, код на объединения (как 1 и 2й варианты), код на фиксацию к блоку с видео. По итогу видео скейлится как надо, а контент скролится)

[@kijudeswa]

@@motikeyk А можноо ли это провернуть если первый блок не зеро, второй зеро и третий снова не зеро?

[@t1psonwhiteblack68]

Не дает поменять ссылку на прямую

[@pocketski]

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

[@pocketski]

SOLVED на айфоне надо отключить энергосберегающий режим)

[@valerie__design]

@@pocketski вы мой спаситель, я уже все перелопатила, ранее работал код и вдруг нет, а оказалось выключить просто энергосберегающий режим😂 спасибо большое!

[@ATIpodov]

не работает способ для моб версии(

[@Andy.Morgan]

Странно... У меня видео на мобиле работает.

[@cybergrandfather5146]

весь вечер мучаюсь не идет видео в зеро блок через код(

[@AlexanderKolomeets]

А ссылка правильная?

[@cybergrandfather5146]

@@AlexanderKolomeets в бесплатной версии код не работает да ?))

[@AlexanderKolomeets]

@@cybergrandfather5146 работает, нет разницы. Ты можешь написать в телеграмм, постараюсь помочь. t.me/lSonofSaml

[@cybergrandfather5146]

нет телеги , а тел кнопка , но насколько я нашел инфу что в бесплатной версии код не поддерживает , просто я еще у других ребято смотрел и их коды тоже не робят