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

Поделиться
HTML-код
  • Опубликовано: 12 ноя 2024

Комментарии • 80

  • @romarezinkin
    @romarezinkin 6 месяцев назад +2

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

  • @Damiross1
    @Damiross1 Месяц назад

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

  • @НикитаТумаров-ы9в
    @НикитаТумаров-ы9в 2 года назад +2

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

    • @serjalbov
      @serjalbov 6 месяцев назад

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

  • @eugennaumov1860
    @eugennaumov1860 2 года назад +2

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

  • @mariiakyianychenko7736
    @mariiakyianychenko7736 2 года назад +2

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

  • @Luchinskaya
    @Luchinskaya 6 месяцев назад

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

  • @alexr1der
    @alexr1der 18 дней назад

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

  • @СааскыланаСлепцова
    @СааскыланаСлепцова 4 месяца назад

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

    • @AlexanderKolomeets
      @AlexanderKolomeets  4 месяца назад

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

  • @Vika-lb3cq
    @Vika-lb3cq 10 месяцев назад

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

  • @umiksumiks1495
    @umiksumiks1495 12 часов назад

    С рутубом должно работать? Не идет в зероблок видео по инструкции... пол дня мучаюсь...

  • @СемёнЛогинов-п3л
    @СемёнЛогинов-п3л 11 месяцев назад

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

  • @natasshanolan
    @natasshanolan Год назад

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

  • @sergey_kuryshin
    @sergey_kuryshin Год назад +3

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

  • @maburutaiga
    @maburutaiga 3 месяца назад

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

  • @olgabaranova6342
    @olgabaranova6342 Год назад

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

  • @ДенисШишканов-д1р
    @ДенисШишканов-д1р 11 месяцев назад

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

  • @sergeyglushakov6002
    @sergeyglushakov6002 2 года назад

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

  • @ОльгаСабурова-н4б
    @ОльгаСабурова-н4б 2 года назад +4

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

    • @chucheev
      @chucheev Год назад +1

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

  • @kscan
    @kscan Год назад +2

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

  • @Anastasia-oe1sw
    @Anastasia-oe1sw 2 года назад

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

  • @edelweissedelweiss273
    @edelweissedelweiss273 11 месяцев назад

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

  • @GrapefruitVideo
    @GrapefruitVideo 7 месяцев назад

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

    • @AlexanderKolomeets
      @AlexanderKolomeets  7 месяцев назад

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

  • @alinaadt1078
    @alinaadt1078 Год назад

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

  • @sok6738
    @sok6738 Год назад

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

    • @vladislavmetta
      @vladislavmetta Год назад

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

  • @doronin-aleksndr
    @doronin-aleksndr 2 года назад +1

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

    • @AlexanderKolomeets
      @AlexanderKolomeets  2 года назад +1

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

    • @user-moroznik
      @user-moroznik 2 года назад

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

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

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

  • @ЮлияБулаева-д3э
    @ЮлияБулаева-д3э 2 года назад

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

    • @AlexanderKolomeets
      @AlexanderKolomeets  2 года назад

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

  • @mikhailtkachukdesignlab2420
    @mikhailtkachukdesignlab2420 Год назад

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

    • @AlexanderKolomeets
      @AlexanderKolomeets  Год назад

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

  • @СергейМорозов-б7о
    @СергейМорозов-б7о 2 года назад

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

  • @erma.4ok
    @erma.4ok 3 месяца назад

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

    • @AlexanderKolomeets
      @AlexanderKolomeets  3 месяца назад

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

  • @wildberriesonlinekg604
    @wildberriesonlinekg604 2 года назад

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

  • @КсенияЯроцкая-р8е
    @КсенияЯроцкая-р8е 2 года назад +1

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

    • @pocketski
      @pocketski Год назад

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

    • @vladislavmetta
      @vladislavmetta Год назад +1

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

    • @homekitchen1482
      @homekitchen1482 8 месяцев назад

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

  • @zhasminshamsieva6346
    @zhasminshamsieva6346 Год назад

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

    • @AlexanderKolomeets
      @AlexanderKolomeets  Год назад

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

  • @mysticalpower8411
    @mysticalpower8411 Год назад

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

    • @pocketski
      @pocketski Год назад

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

  • @olegNoi
    @olegNoi 2 года назад

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

    • @AlexanderKolomeets
      @AlexanderKolomeets  2 года назад +1

      Первый способ:
      Создать 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
      @olegNoi 2 года назад

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

    • @moshennik4736
      @moshennik4736 Год назад

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

  • @ivanstarchenko1492
    @ivanstarchenko1492 2 года назад

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

    • @AlexanderKolomeets
      @AlexanderKolomeets  2 года назад

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

  • @Иван-щ3э2е
    @Иван-щ3э2е 2 года назад +1

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

  • @veraurbanovich1816
    @veraurbanovich1816 Год назад

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

    • @AlexanderKolomeets
      @AlexanderKolomeets  Год назад

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

  • @motikeyk
    @motikeyk 2 года назад +1

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

    • @AlexanderKolomeets
      @AlexanderKolomeets  2 года назад +2

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

    • @motikeyk
      @motikeyk 2 года назад

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

    • @motikeyk
      @motikeyk 2 года назад

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

    • @motikeyk
      @motikeyk 2 года назад +1

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

    • @kijudeswa
      @kijudeswa Год назад

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

  • @t1psonwhiteblack68
    @t1psonwhiteblack68 Год назад

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

  • @as-sibirsupport7272
    @as-sibirsupport7272 2 года назад

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

    • @AlexanderKolomeets
      @AlexanderKolomeets  2 года назад

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

    • @as-sibirsupport7272
      @as-sibirsupport7272 2 года назад +1

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

    • @TheLaaco
      @TheLaaco 2 года назад +1

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

  • @pocketski
    @pocketski Год назад

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

    • @pocketski
      @pocketski Год назад

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

    • @valerie__design
      @valerie__design Год назад +1

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

  • @ATIpodov
    @ATIpodov 10 месяцев назад

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

  • @Andy.Morgan
    @Andy.Morgan Год назад

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

  • @cybergrandfather5146
    @cybergrandfather5146 2 года назад

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

    • @AlexanderKolomeets
      @AlexanderKolomeets  2 года назад

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

    • @cybergrandfather5146
      @cybergrandfather5146 2 года назад

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

    • @AlexanderKolomeets
      @AlexanderKolomeets  2 года назад

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

    • @cybergrandfather5146
      @cybergrandfather5146 2 года назад

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