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

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

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

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

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

Шаг 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 комментариев

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

Ответить

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

Ответить

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

Ответить

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

Ответить