Привет, с вами Катя, интернет-маркетолог, и одна из моих задач – обеспечивать сайтам нормальный контент, чтобы тексты читались, фото отображались, а видео проигрывались… Вот тут нас и подкосила блокировка Ютуба и вынудила тестировать альтернативные варианты размещения видео на сайтах.
Чтобы понять, о чем я говорю, достаточно немного посерфить по интернету и потыкать в зависшие окна с видео из ютуба, которые на всех всех сайтах несметное количество, вот красивый пример:
В общем, я обнаружила проблему, решила ее для своих сайтов и пришла рассказать, что там со способами.
Шаг 1 – Скачать видео с Ютуба.
Если у вас в отдельной папке лежат оригиналы всех видео, пропустите, если нет, приступаем.
Заходим на свой сайт, в окне видео с ютуба кликаем на шестеренку и настройками и выбираем хорошее качество видео. Дальше кликаем на значок «youtube», чтобы просмотреть видео на самом хостинге (я исхожу из того, что впн у вас не включен, так что ничего не загрузится, но ссылка будет).
Заходим на сервис для скачивания видео с ютуба, я выбрала https://ru.savefrom.net/1-быстрый-способ-скачать-с-youtube-165lr/ , но есть и другие. Вставляем ссылку и скачиваем видео без проблем, по пути смотрим безобидную рекламу.
Шаг 2 – Загружаем видео на Дзен и готовим код.
Есть несколько российских сервисов, которые можно использовать, я выбрала Яндекс Дзен и опишу загрузки именно с его помощью, а в конце добавлю небольшой обзор – что и почему я отмела.
Заводим канал в Яндекс Дзен и загружаем туда наше видео. Инструкции по каналу и загрузке не будет, там максимально интуитивно.
В Дзене формируем код для встройки, можно сделать это в студии или через кнопку Поделиться на самом видео.
Шаг 3 – подгоняем размеры видео под формат сайта.
Код для встройки видео в Дзене, к сожалению, не оснащен гибкими размерами, поэтому приходится его корректировать при встройке. Я посчитала - какие размеры для окна видео подойдут для сайта и не деформируют картинку и пишу вам готовые: для десктопа 800 на 450 px, для мобилки 320 на 180.
Эти размеры мы просто прописываем в коде видео при встройке как в примере (это тильда, можно в ней скорректировать или заранее).
В Тильде или каком угодно конструкторе добавляем блок с html кодом. С учетом размеров я добавляю 2 блока и настраиваю видимость для десктопов и для мобильных соответственно. Не забываем настроить выравнивание по центру внутри блока
Публикуем, проверяем на телефоне и на компьютере, радуемся и идем заниматься другими делами.
Теперь, когда я описала такой сложный путь, покажу альтернативные варианты, которые могут показаться попроще, но имеют свои особенности…
Помимо встройки через html код вы можете использовать блок «вставить видео», Тильда уже адаптировалась к новой реальности и помимо ютуба предлагает нам Рутуб и ВК видео. Здесь можно просто скопировать ссылку на ваше видео на ВК Видео или Рутубе и вставить ее в блок видео. Тильда сама подгонит размер под разные устройства и все будет выглядеть вполне адекватно.
Зачем же я решила немного заморочиться с Дзеном и вставлять через html, если так проще. Ну во-первых, мне захотелось.
А во-вторых, видео с ВК Видео и Рутуба на самом сайте смотрятся хуже. Видео с Рутуба вставляется с 2 рекламными вставками, а на паузе еще добавляет левые анонсы (показала в скрине). Видео с ВК Видео смотрится нормально и рекламы за собой не тянет, пока что. Но там страдает навигация, мне трудно было поставить на паузу и перемотать видео. Мои опыты привели меня к выводу, что с Дзен вставлять видео хлопотнее, но для посетителей это самый удобный вариант.
Вместо вывода скажу, что можно использовать Рутуб, Дзен, ВК Видео – что душе угодно, но от встройки с Ютуба необходимо отказаться, так как ВПН не самый удобный сервис, и далеко не все и не всегда готовые его использовать.
Канал в телеграм - https://t.me/marketing_love_k