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

Рет қаралды 8,828

2 жыл бұрын

Всем привет)
Я думаю у многих было желание сделать видеофон на главный блок, но на телефонах приходилось ограничиваться только картинками. Но теперь эта проблема решена и вы без труда сможете выполнить это
___________________________________________
Код тут (Код писал не я)
disk.yandex.ru/d/UpTH8OdZR5eRpQ
___________________________________________
✅Поделись видео с друзьями
✅Подпишись на канал и поставь🔔
___________________________________________
Telegram: teleg.run/buddilov
ВК: budilov13

Пікірлер: 77

@Buddilov 5 ай бұрын

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

@Maria_ANT Ай бұрын

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

@sandra_boom Жыл бұрын

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

@user-le4kf9cv9r Жыл бұрын

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

@user-wj9wz9tq6w 2 жыл бұрын

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

@leksmayson 2 жыл бұрын

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

@Buddilov 2 жыл бұрын

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

@leotim8891 4 ай бұрын

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

@annash4271 Жыл бұрын

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

@barbie2946 Жыл бұрын

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

@user-dz5yc2oq8e 6 ай бұрын

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

@Buddilov 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 Жыл бұрын

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

@user-ms6fy6iz9u 10 ай бұрын

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

@olegNoi 2 жыл бұрын

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

@Buddilov 2 жыл бұрын

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

@user-bv4gm8wh9y Ай бұрын

Спасибо

@archi_designit Жыл бұрын

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

@Buddilov Жыл бұрын

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

@user-js1hp4uz5z 2 жыл бұрын

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

@comukak14 Жыл бұрын

спасибо

@tonyscar5599 2 жыл бұрын

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

@Buddilov 2 жыл бұрын

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

@Wood-Storage 2 жыл бұрын

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

@Buddilov 2 жыл бұрын

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

@Wood-Storage 2 жыл бұрын

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

@Buddilov 2 жыл бұрын

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

@pavelrightactions8150 2 жыл бұрын

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

@Buddilov 2 жыл бұрын

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

@Buddilov 2 жыл бұрын

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

@NuPampersGangsta2014 2 жыл бұрын

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

@Buddilov 2 жыл бұрын

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

@ShokCity Жыл бұрын

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

@Buddilov Жыл бұрын

Этот способ уже устарел Посмотри вот это видео kzfaq.info/get/bejne/iK1nmpmas5icp2g.html

@bintmumin311 2 жыл бұрын

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

@Buddilov 2 жыл бұрын

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

@Podatelev Жыл бұрын

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

@Buddilov Жыл бұрын

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

@ZAZORNIK.STANDOFF2 Ай бұрын

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

@slavahom 2 жыл бұрын

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

@Buddilov 2 жыл бұрын

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

@slavahom 2 жыл бұрын

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

@Buddilov 2 жыл бұрын

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

@kamilausmanova6398 10 ай бұрын

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

@Buddilov 10 ай бұрын

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

@mr.zxzxzxz3816 2 жыл бұрын

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

@doronin-aleksndr 2 жыл бұрын

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

@Buddilov 2 жыл бұрын

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

@doronin-aleksndr 2 жыл бұрын

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

@olegstorozhevskikh3892 11 ай бұрын

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

@bayanbakenova3504 23 күн бұрын

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

@molchanova_alex 2 жыл бұрын

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

@Buddilov 2 жыл бұрын

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

@pavel_pro_online Жыл бұрын

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

@user-jj9pu1rz4b 2 жыл бұрын

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

@Buddilov 2 жыл бұрын

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

@Ahsap101 2 жыл бұрын

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

@Ahsap101 2 жыл бұрын

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

@Buddilov 2 жыл бұрын

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

@user-hb8jo6pc9e 4 ай бұрын

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

@Buddilov 4 ай бұрын

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

@qazagrodamu7340 Жыл бұрын

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

@Buddilov Жыл бұрын

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