Вместо Ютуба – что вставить на сайт, чтобы работало

Привет, с вами Катя, интернет-маркетолог, и одна из моих задач – обеспечивать сайтам нормальный контент, чтобы тексты читались, фото отображались, а видео проигрывались… Вот тут нас и подкосила блокировка Ютуба и вынудила тестировать альтернативные варианты размещения видео на сайтах.

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

Зависает видео с ютуба на сайте
Зависает видео с ютуба на сайте

В общем, я обнаружила проблему, решила ее для своих сайтов и пришла рассказать об этом.

Шаг 1 – Скачать видео с Ютуба.

Если у вас в отдельной папке лежат оригиналы всех видео, пропустите, если нет, приступаем.

Заходим на свой сайт, в окне видео с ютуба кликаем на шестеренку с настройками и выбираем хорошее качество видео. Дальше кликаем на значок «youtube», чтобы просмотреть видео на самом хостинге (я исхожу из того, что впн у вас не включен, так что ничего не загрузится, но ссылка будет в адресной строке, оттуда и копируем).

Заходим на сервис для скачивания видео с ютуба, я выбрала https://ru.savefrom.net/1-быстрый-способ-скачать-с-youtube-165lr/ , но есть и другие. Вставляем ссылку и скачиваем видео без проблем, по пути смотрим безобидную рекламу.

Шаг 2 – Загружаем видео на Дзен и готовим код.

Есть несколько российских сервисов, которые можно использовать, я выбрала Яндекс Дзен и опишу загрузки именно с его помощью, а в конце добавлю небольшой обзор – что и почему я отмела.

Заводим канал в Яндекс Дзен и загружаем туда наше видео. Инструкции по каналу и загрузке не будет, там максимально интуитивно.

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

Пример как поделиться видео с Дзена
Пример как поделиться видео с Дзена

Шаг 3 – подгоняем размеры видео под формат сайта.

Код для встройки видео в Дзене, к сожалению, не оснащен гибкими размерами, поэтому приходится его корректировать при встройке. Я посчитала - какие размеры для окна видео подойдут для сайта и не деформируют картинку. Поэтому пишу вам готовые: для десктопа 800 на 450 px, для мобилки 320 на 180.

Эти размеры мы просто прописываем в коде видео при встройке как в примере (это тильда, можно в ней скорректировать или заранее).

Параметры видео с Дзена в Тильде
Параметры видео с Дзена в Тильде

В Тильде или каком угодно конструкторе добавляем блок с html кодом. С учетом размеров я добавляю 2 блока и настраиваю видимость для десктопов и для мобильных соответственно. Не забываем настроить выравнивание по центру внутри блока.

Выравнивание видео в Тильде
Выравнивание видео в Тильде

Публикуем, проверяем на телефоне и на компьютере, радуемся и идем заниматься другими делами.

Теперь, когда я описала такой сложный путь, покажу альтернативные варианты, которые могут показаться попроще, но имеют свои особенности…

Помимо встройки через html код вы можете использовать блок «вставить видео», Тильда уже адаптировалась к новой реальности и помимо ютуба предлагает нам Рутуб и ВК видео. Здесь можно просто скопировать ссылку на ваше видео на ВК Видео или Рутубе и вставить ее в блок видео. Тильда сама подгонит размер под разные устройства и все будет выглядеть вполне адекватно.

Как вставить видео в Тильду
Как вставить видео в Тильду

Зачем же я решила немного заморочиться с Дзеном и вставлять через html, если так проще. Ну во-первых, мне захотелось.

А во-вторых, видео с ВК Видео и Рутуба на самом сайте смотрятся хуже. Видео с Рутуба вставляется с 2 рекламными вставками, а на паузе еще добавляет левые анонсы (показала в скрине). Видео с ВК Видео смотрится нормально и рекламы за собой не тянет, пока что. Но там страдает навигация, мне трудно было поставить на паузу и перемотать видео. Мои опыты привели меня к выводу, что с Дзен вставлять видео хлопотнее, но для посетителей это самый удобный вариант.

Видео с Рутуба на сайте
Видео с Рутуба на сайте

Вместо вывода скажу, что можно использовать Рутуб, Дзен, ВК Видео – что душе угодно, но от встройки с Ютуба необходимо отказаться, так как ВПН не самый удобный сервис, и далеко не все и не всегда готовы его использовать.

Контакты:

Канал в телеграм - marketing_love_k

Связь в телеграм - @katik_yes

8 комментариев

спасибо конечно, но многое и так было известно, хотя конечно дзен не очень удобная штука в этом плане

Я рада, что вы в курсе, однако судя по огромному количеству сайтов с зависшими видео вопрос требует решения. И по Дзену да - встраивать с него не так удобно, но оно самое удобное для пользователя по сравнению с остальными по моим наблюдениям.

Мы сначала видео-контент на сайте показывали с ютуба, потом нас быстро задолбала сопутствующая реклама (по окончании нашего ролика) - она отвлекает клиентов от сайта.
Поэтому мы очень скоро начали загружать весь видео-контент на свой сервер.
Исходники снимаем с максимальным качеством.
Это позволило уменьшить размер картинки (и вес файла).
Как показало время, мы оказались очень "прозорливыми"!!!

это да, вы удачно сделали, однако как со скоростью загрузки сайта, не пострадала?