Блог Дмитрия Рыбалка

Аналоги YouTube: ТОП-7 альтернатив Ютюбу

Видео
Сейчас общаюсь со своими клиентами о переходе с YouTube на Российские видеохостинги. Изучил возможные варианты, о которых хочу вам рассказать.

Оглавление

  1. Подготовка
  2. Мой список аналогов YouTube
  3. Код для мобильной адаптации iframe видео

Подготовка

По-первых, нужно посчитать, какое количество количество видео было размещено на сайте. Если одно видео, то можно смело использовать абсолютно любой видеохостинг. Если видео много, то желательно выбирать хостинг с удобным хранением и управлением большого количества видео.
Во-вторых, нужно узнать у клиента, важно ли для него продвигать видео и привлекать через видео трафик на сайт. Если важно, то стоит использовать видео загруженные в социальные сети.
В-третьих, нужно понять, насколько важна безопасность и надёжность хранения видео. Если эти пункты важны, то стоит выбрать платный хостинг с высокой защитой.

Мой ТОП-7 список аналогов YouTube

Составил список альтернатив Ютюбу, которые можно добавить в сайт на Тильде.
  1. Дзен — быстрый видеоплеер, взрослая аудитория, видео попадает в поиск Яндекс Видео, более 80 млн активных пользователей в месяц, потребление контента: текст 50%, видео 30%
  2. VK Видео — быстрый плеер, большая аудитория, много рекламы, месячная аудитория VK Видео — 68 млн, среднесуточное число просмотров VK Клипов — 950 млн
  3. RuTube — по моим ощущениям немного глючный плеер, большое количество загруженных видео, видео попадает в поиск Яндекс Видео, ежемесячная аудитория RuTube составляет 47,6 млн
  4. Vimeo — качественный американский видеоплеер, без пропаганды, поэтому маловероятно, что он будет заблокирован в России
  5. Selectel — платный хостинг для вставки видео на сайт (рекомендация Тильды), стоимость от 900₽ в месяц за 1 ГБ, высокая защита от DDoS-атак, сервера находятся на территории России
  6. Twitch — бесплатный игровой видеохостинг, более 3 млн активных пользователей в месяц из которых 72% мужчин и 28% женщин
  7. HTML5 видео — надёжный способ разместить любые видео на хостинге и вставить их на сайт, видео не продвигаются и не попадают в поиск

Код для мобильной адаптации iframe видео

Чтобы получить код видео нужно нажать «Поделиться» и «Встроить» / «Экспортировать».
Чтобы вставить код видео на сайт нужно добавить его в блок «T123 HTML-код».
Ниже прикрепил скриншот, чтобы показать, как выглядит iframe видео при стандартном добавлении на сайт — размер видео фиксированный и пропорционально не уменьшается относительно ширины экрана.
Чтобы видео ровно отображалось на всех устройствах, используйте код ниже:
<style>
    .thumb-wrap {
    position: relative;
    padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
    height: 0;
    overflow: hidden;
}
.thumb-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    utline-width: 0;
}
</style>

<div class="thumb-wrap">
    <!-- Вместо этой строчки вставить код видео iframe, убрав значения width и height -->
</div>