•  
Оставить заявку
    •  
Лайфхак больше не работает! Гугл все закрыл.

Тут я рассмотрел альтернативы - https://t.me/breeze_tilda/77
Как вставить любое видео на Тильду, имея только Гугл Диск
Вставляем любое видео НЕ через Ютуб на Тильду.

Инструкция:
  1. Загружаем наше видео на Гугл Диск
  2. Берем публичную ссылку (Поделиться - Копировать ссылку)
  3. Из этой ссылки берем длинный id вида: 1cRCwV3d-YIvUpMduW16z1EF1_s_j6FHZ
  4. Копируем код ниже и меняем в нем id
  5. Меняем poster на свою картинку (спроси в Telegram-канале как взять ссылку на картинку из Тильды, если не знаешь)
  6. Вставляем код в блок t123 или в Zero Block.
Как например, это видео

<video 
    style="object-fit: cover; background-size: cover; width: 100%; height: 100%; border-radius: 15px"  
    preload="metadata" 
    muted="" 
    playsinline="" 
    controls=""
    autoplay="autoplay" 
    loop="loop" 
    poster="https://static.tildacdn.com/tild6339-3831-4331-b035-653939396238/Screenshot_1.png"> <!-- Укажи свою картинку в качестве постера -->

    <source src="https://drive.google.com/uc?export=download&amp;confirm=no_antivirus&amp;id=1XodlYyrWkd2nX9uCN6t37oxHak_MyyCf" type="video/mp4"> <!-- поменяй id на свое из Google Drive -->
</video>
P.s. Советую перед загрузкой видео на Гугл Диск сжать его (я пользуюсь этим сервисом - youcompress.com) - так ваше видео быстрее загрузится у пользователя и не потеряет в качестве.

P.s.s.: В коде можно менять разные атрибуты для адаптации под ваш сайт.
Атрибуты <video>
С помощью атрибутов мы можем настроить кнопки управления, зацикливание видео и другие параметры.

Атрибут style имеет разные свойства:
  • object-fit: cover; (сохраняет пропорции исходного изображения при подстройке под нужные нам размеры. Имеет другие доступные значения)
  • background-size: cover; (Управляет размерами видео внутри элемента, для которого это видео задано фоном. Имеет другие доступные значения)
  • width: 100%; (Ширина заполняемого элемента)
  • height: 100%; (Высота заполняемого элемента)
  • border-radius: 15px; (Радиус скругления заполняемого элемента)
preload="metadata" (ускоряет загрузку страницы, загружая только базовые данные. Имеет другие доступные значения)
autoplay="autoplay" (удали значение, если не надо, чтобы видео автовоспроизводилось)
controls="" (удали значение, если на видео не нужны элементы управления видеоплеером)
loop="loop" (удали значение, если не нужно зацикливание видео)
playsinline="" (контролирует воспроизведение видео на мобильных устройствах. Обычно видео открывается в полноэкранном режиме, но этот атрибут позволит запретить такое поведение, оставив видео в рамках элемента)
poster="" (добавьте постер поверх видео, когда видео еще не загружено будет показываться эта картинка вместо черного экрана)
Свойство object-fit
Доступные значения:
  • fill — значение по умолчанию, картинка полностью вписывается в указанные размеры без соблюдения собственных пропорций. Часто это приводит к ощутимым деформациям.
  • contain — картинка подстроится под заданные размеры так, чтобы поместиться внутри целиком без нарушения пропорций.
  • cover — картинка без нарушения пропорций заполнит всю доступную область, обрезая всё ненужное.
  • none — картинка отображается без изменения пропорций или размеров.
  • scale-down — браузер сравнивает размеры картинки со значением none и со значением contain и выбирает одно из этих значений, деформируя картинку соответствующим образом. Сложно объяснить, посмотрите демку
Свойство background-size
Доступные значения:
  • Точный размер в любых единицах измерения, доступных в вебе.
  • Проценты. Размер в процентах будет рассчитываться от размеров элемента.
  • Ключевое слово auto. Размер изображения остаётся неизменным. Кстати, это ключевое слово является значением по умолчанию.
  • Ключевое слово cover. Изображение масштабируется без изменения пропорций так, чтобы закрыть фон всего элемента. Короткая сторона изображения подстраивается под соответствующую сторону элемента. А длинная сторона закрывает длинную сторону элемента, а остальное, что не попало в поле видимости, обрезается.
  • Ключевое слово contain. Изображение масштабируется без изменения пропорций так, чтобы полностью поместиться в элемент.
Свойство preload
Доступные значения:
  • none — видео не загружается предварительно.
  • metadata — загружается только информация о файле, например, размер, продолжительность или обложка. Используйте этот параметр, чтобы не загружать видео, пока пользователь не захочет его посмотреть.
  • auto — видеофайл загружается со страницей, чтобы пользователь мог сразу начать смотреть его. Если не указывать никакое значение preload, то атрибут будет работать как auto. Учтите, что если стоит атрибут autoplay, то preload не работает.
Больше кода для Tilda в ТГ-канале
Поблагодари за код - подпишись https://t.me/breeze_tilda