Рабочий Видеофон на мобильных устройствах в Tilda

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

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

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

    ПОДАРКИ 🎁🎁🎁
    Заходи в мой инстаграм, подписывайся и напиши мне слово "ФАЙЛ". После чего я вышлю тебе бесплатный пдф файл в котором собранно 15 способов по поиску заказов в веб-дизайне
    Моя инста:
    instagram.com/buddilovv/

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

      Здравствуйте!)спасибо за видео, а можно сделать чтобы видео было фоном для всего сайта?уже отчаялась найти информацию

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

    спасибо большое!!!!! это просто огонь!!! столько времени сэкономили, вы супер!!!

  • @ИванЖигалев-й1ъ
    @ИванЖигалев-й1ъ Год назад +5

    Все круто, но почему то с айфона не воспроизводится автоматически видео.
    с андройда все ок.
    как это исправить?

  • @leksmayson
    @leksmayson 3 года назад

    Круто, спасибо большое тебе!!! Как раз с такой проблемой столкнулся, всё получилось, благодарю

    • @Buddilov
      @Buddilov  3 года назад

      Отлично)
      Подписывайся на канал, скоро будут выходить новые ролики и регулярно

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

      проблемка, на пк → появляется двойной скролл, не знаешь как убрать?@@Buddilov

  • @АлександраГончарова-н4щ
    @АлександраГончарова-н4щ 6 месяцев назад

    От души благодарю! Спасииииибо!!!

  • @АртемЧерненко-ь1ф
    @АртемЧерненко-ь1ф 2 года назад

    Вот это я искал! Спасибо, друг, ты очень помог!

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

    Всем привет)
    Если вы хотите поставить этот фон в нескольких местах, то вам надо продублировать этот код и его использовать
    Если вы просмотрите сам код и сравните его с кодом по ссылке, то увидите, что добавляется цифра 2 в нескольких местах
    Это и надо проделывать каждый раз когда вы используете код несколько раз на сайте
    например
    У меня есть такой блок на главном и я вставляю код по ссылке (где нет цифры 2)
    и есть такой блок ещё раз на сайте, то там уже вставляем код с цифрой 2 и если нужен ещё один на сайте, то дублируем и изменяем цифру 2 на 3 и т.д.




    $(document).ready(function() {
    var width_2 = $(window).width();
    var height_2 = $(window).height();
    $(".videoBackground_2")
    .width(width_2)
    .height(height_2);
    });
    $(window).resize(t_throttle(function() {
    var width_2 = $(window).width();
    var height_2 = $(window).height();
    $(".videoBackground_2")
    .width(width_2)
    .height(height_2);
    }));


    .videoBackground_2 > video {
    object-fit: cover;
    background-size: cover;
    width: 100%;
    height: 100%
    }

    • @ivanivanov-tw3er
      @ivanivanov-tw3er 2 года назад

      Доброго дня, подскажите пожалуйста почему в мобильных версиях видео обрезается по краям и видна только середина, необходимо ли менять размер видео для мобильных версий? СПАСИБО

  • @ИринаШмакова-д7ц
    @ИринаШмакова-д7ц 2 года назад

    Спасибо огромное, всё отлично работает.

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

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

  • @Мойканал-б9б
    @Мойканал-б9б 5 месяцев назад

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

  • @Filantrop-v5c
    @Filantrop-v5c 8 месяцев назад

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

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

    Привет!Тут уже спрашивали, как сделать чтоб был ЗВУК)) в комментах прочитала, но вы там в л/с общаться пошли.У меня так же когда удаляешь слово muted -код перестаёт работать, просто заставка

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

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

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

      Смотри комментарий закрепленный под видео)

  • @Vester0_0
    @Vester0_0 9 месяцев назад

    Помогите, пожалуйста. Сделала всё по видео, но видео не воспроизводится, а остаётся ссылкой. Что делать?

    • @Buddilov
      @Buddilov  9 месяцев назад

      Привет)
      Видео давно устарело, посмотри лучше это
      ruclips.net/video/RG7g6iN28w4/видео.html

    • @Vester0_0
      @Vester0_0 9 месяцев назад

      @@Buddilov Спасибо)

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

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

  • @slavahom
    @slavahom 3 года назад

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

    • @Buddilov
      @Buddilov  3 года назад

      А так в этом нету никакой необходимости, дропбокс мы используем если хотим, чтобы у человека не было возможности взаимодействия с видео
      А если нужно, то лучше просто залить на ютуб или vimeo

    • @slavahom
      @slavahom 3 года назад +1

      @@Buddilov Ошибаетесь. Есть виды контента, законные, но которые все же попадают под ограничения ютуба, например возрастные. Такое видео ютуб не выдает в открытый доступ и стандартным блоком для видео в тильду его не вставить.

    • @Buddilov
      @Buddilov  3 года назад

      @@slavahom
      А понял, с таким не сталкивался)
      Тогда надо при помощи кода вставлять видео на сайт и при этом в коде прописывать как видео будет работать. А как именно это сделать тут подсказать к сожалению не смогу

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

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

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

      Так, абдэйт. Обнаружил что через сафари работает. Хром, нет? есть ли шансы это пофиксить ?

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

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

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

    У дропбокса есть ограничение на кол-во запросов просмотра видео на бесплатном тарифе, при его привышении видео становится недоступным, как с этим разбирались? Оплачивали подписку ?

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

      Этот способ уже устарел
      Посмотри вот это видео
      ruclips.net/video/RG7g6iN28w4/видео.html

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

    Спасибо добрый человек за этот код

  • @Анонимн198
    @Анонимн198 6 месяцев назад

    почему может не рабоать? все работало месяц, а потом я публиковала правки и видео перестало работать,это как ,помогитеее🥲

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

      Привет)
      дело может быть в выключеном jQuery, в Настройках сайта во вкладке "Еще"

  • @Evgeniia-g2h
    @Evgeniia-g2h 6 месяцев назад

    Использовала этот код для сайта (неделю), было все прекрасно для сегодняшнего дня: видео на мобильных версиях стало на часть экрана. этот блок вообще не трогала. что могло пойти не так?

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

      дело может быть в выключеном jQuery, в Настройках сайта во вкладке "Еще"

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

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

  • @pavelrightactions8150
    @pavelrightactions8150 3 года назад

    Уже видел уроки от других людей с данным кодом. Но вот тут у меня вопрос: а если я хочу сделать видеофон, но в окне, а не на весь экран. Не у меня одного фон почему-то прилипает к правой стороне экрана, если я начинаю двигать html-шейп. Может есть у автора код не на полный экран? Просто даже если менять процентные значения у width и hight, то все равно та же боль.

    • @Buddilov
      @Buddilov  3 года назад +3

      Привет) В коде измени Window на Grid и вместе % ставь px, также не забывай про расположение в самой Тильде, ставь там тоже на GRID

    • @Buddilov
      @Buddilov  3 года назад +2

      Только убедись, что везде изменил window

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

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

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

      Привет)
      Смотри, в коде есть строчка background-size: cover;
      Вот после неё добавь
      border-radius: 30px;
      Цифры пиши, которые тебе нужны

  • @ИванПушкарёв-у3б

    Доброго времени суток, спасибо очень круто все рассказали, все работает, но у меня видео не на весь блок почему то, есть отступы снизу и сверху хотя стоит 100% везде, подскажите в чем может быть причина и пути решения? Заранее спасибо.

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

    привет, вставил ссылку с ютуба, не работает

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

    Привет, у меня в сафари видео не воспроизводится совсем, на гугле норм, но мобильная версия ни там, ни там не работает. В чем причина? как исправить? Видео весит 12 МБ
    В сафари просто пустой фон с кнопкой Play, а в мобильной версии видео на стопе стоит и всё, никакого автоплэя нет

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

      Привет)
      Тут никак не исправить к сожалению, в сафари огромное количество проблем и не только с кодом, а с работой многих платформ
      Это браузер такой косячный и тут ничего не поделаешь

  • @bintmumin311
    @bintmumin311 3 года назад +1

    Здравствуйте! Дропбокс платный получается, да? А через другие бесплатные какие-то возможно это?

    • @Buddilov
      @Buddilov  3 года назад

      Привет)
      Он там бесплатный период имеет и ты сможешь спокойно закидывать туда свои видео и они от туда не будут удалены даже после окончания пробного
      А так можно использовать любое хранилище

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

      @@Buddilov Не получается загрузить видео с Яндекс Диска. Получается белый экран

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

      @@Podatelev Привет) Используй от Annnexxx, видео на канале есть про них

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

    Привет!
    Я в качестве хранилища использую яндекс диск, вставила ссылку видео, но фоновое видео не показывает.

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

      Привет) Надо только dropbox

  • @СергейВасильев-я7п3ъ
    @СергейВасильев-я7п3ъ 11 месяцев назад

    Добрый день, как сделать чтобы фоновое видео не заходило за верхнее меню?

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

      Привет)
      Используй другой способ, видео называется «лучший способ как добавлять видео в Тильду»

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

    А что делать если дропбокс создает длинные неработающие ссылки?

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

      Привет)
      Во 1 ты неправильно значит их создаёшь, надо нажать на поделиться и потом создать ссылку
      Во 2 используй лучше annexxx и их конструктор видео (Видео про них на канале)

  • @ОльгаКлюква-ь6ф
    @ОльгаКлюква-ь6ф 8 месяцев назад

    Спасибо

  • @tonyscar5599
    @tonyscar5599 3 года назад

    Помогло видео, спасибо огромное, лайк ! Но подскажи пожалуйста, как сделать, чтобы фоновое видео воспроизводилось со ЗВУКОМ ?????

    • @Buddilov
      @Buddilov  3 года назад

      Привет)
      На 2 строчке кода есть слово muted, просто удали его и всё

    • @Wood-Storage
      @Wood-Storage 2 года назад

      @@Buddilov как только удаляешь слово muted код перестаёт работать.

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

      @@Wood-Storage Скорей всего ты чего то лишнего удаляешь, я убирал слово и у меня работало всё
      Проверь ещё раз)

    • @Wood-Storage
      @Wood-Storage 2 года назад +1

      @@Buddilov ничего лишнего я не удаляю, слово muted и код перестаёт работать.

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

      @@Wood-Storage Напиши мне в личку)

  • @ЕвгенияПивоварова-ъ8ц

    Кто-то делал не на дропбокс? Как вставлять ссылку в таком случае?

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

      Я делал)
      Но успеха не было, так что надо через дропбокс. А какие у тебя с ним проблемы?

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

    Кнопка Play выходит только на мобильных в режиме энергосбережения. Если его отключить - все норм)

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

      Используй Annnexx, там можно быстро себе сделать видео

  • @user-zj4nr4mw9e
    @user-zj4nr4mw9e 7 месяцев назад

    Код не открывает

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

    спасибо

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

    все хорошо, но видео запускается только через 4-5 секунд. хотя интернет у меня очень хороший и видео-файл ужал до 2 мб.

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

    напишите код плз, ссылка из описания уже не рабочая(

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

      Теперь работает)

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

      @@Buddilov Доступ к файлу ограничен
      Файлы, которыми поделился владелец, недоступны для просмотра. Это произошло из-за того, что его Диск переполнен.

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

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

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

      Ты просто сверху шейп добавь и сделай его чёрного цвета и прозрачность регулируй и всё)

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

      @@Buddilov спасибо, то что нужно 🔥

  • @mr.zxzxzxz3816
    @mr.zxzxzxz3816 2 года назад

    че то помоему щас дропбокс платной сделали

  • @Rusooo9-j6q
    @Rusooo9-j6q 2 года назад

    сто раз повторил у меня не работает

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

      Используй Annexx)
      ruclips.net/video/NZOyitQ-FcQ/видео.html