Как добавить свои видео в блок со сторис?

СОДЕРЖАНИЕ ИНСТРУКЦИИ:

1. Как оптимизировать (облегчить) видео? ЧИТАТЬ
2. Как залить видео на Dropbox? ЧИТАТЬ
3. Изменение ссылок для добавления в Тильду? ЧИТАТЬ
4. Как правильно начать работу и избежать ошибок? ЧИТАТЬ

1. Нужно оптимизировать (облегчить) видео
Заходим на сайт:
https://ru.file-converter-online.com/
Нажимаем на кнопку "ВЫБЕРИТЕ ФАЙЛ" и выбираем необходимое видео

Ждём пока наш файл загрузится и нажимаем на кнопку "НАЧАТЬ КОНВЕРТИРОВАНИЕ"

Ждём пока закончится конвертация

Нажимаем на кнопку "НАЧАТЬ СКАЧИВАНИЕ"

2. Нужно залить видео на Dropbox
В этом нет ничего сложного, вы либо нажимаете на кнопку "ЗАГРУЗИТЬ", либо переносите файлы в саму папку путем перетаскивания мышкой

3. Изменение ссылок для добавления в Тильду
У каждого файла, который мы загружаем на Dropbox есть собственная ссылка. Для того, чтобы видео воспроизводилось на Тильде, нам нужно её немного изменить
Наводи на необходимое нам видео, появляется кнопка "КОПИРОВАТЬ ССЫЛКУ", нажимаем на неё

Ссылка будет скопирована автоматически в буфер обмена

Открываем текстовый файл на компьютере (любой)
Например, блокнот
И вставляем туда нашу ссылку

Следующий шаг - изменить ссылку на корректную:
Для этого нужно заменить в начале ссылке dropbox.com на dl.dropboxusercontent.com путём скопировать - вставить

Пример:

Было:
https://www.dropbox.com/s/s3eeo0tice2rql9/20220426-162706-021%20%281%29.mp4?dl=0

Стало:
https://www.dl.dropboxusercontent.com/s/s3eeo0tice2rql9/20220426-162706-021%20%281%29.mp4?dl=0

Мы сгенерировали необходимую нам ссылку на видео и теперь можем вставить её в код сайта
4. Вставляем в блок наши ссылки
Находим блок с кодом для сторис (код располагается на той же странице что и сторис, их разделять нельзя по разным страницам, иначе ничего работать не будет)
Нажимаем кнопку "РЕДАКТИРОВАТЬ"

Вставляем нашу с ссылку с dl.dropboxusercontent.com в необходимое "поле"
под цифрами 2/4/6 или 8
Видео будет располагаться в той последовательности, в которой его добавили.
Например:
Если мы добавили видео под 2м номером, то оно будет во второй карточке,
Если под 3-м, то в третьей и тд

Важно!!! Ссылку нужно располагать только между кавычками
Остальной код трогать не нужно


В коде можно добавлять ещё строчки с видео и менять последовательность
Например: Вы хотите чтобы видео шло 1м, 2м и 3м слайдом, то в коде прописываете эти цифры
Важно: цифры должны идти друг за другом по возрастанию от 1 до 8


После изменения нажинаем на кнопку "СОХРАНИТЬ И ЗАКРЫТЬ"


Видео появится только на опубликованной странице


Если что-то пошло не так, то можно отменить действие и переопубликовать страницу


4. Как правильно начать работу и избежать ошибок?
Зайти на шаблонную страницу с кодом
Она находится здесь
и создать дубль страницы

В правом верхнем углу шаблонной страницы
выбираем Настройки


Затем - Действия


Дублировать страницу


Перейти к новой странице


После этого вы можете начинать работать с кодом
В "свободные" от видео карточки сторис вставляем фотографии во вкладку контент у блока Сторис


Также в контенте можно добавлять надписи для сторис
В "Настройках" можно поменять скорость вопроизведения, например

Когда работа завершена и вы довольны результатом, то просто копируете 2 блока (сами сторис и код) и вставляете на необходимую страницу

Важно: Если у вас на странице уже был старый код для сторис, то его нужно удалить
Если совсем ничего не получилось - то можно попробовать всё повторить заново или обратиться за помощью
Made on
Tilda