Оптимальный способ загрузки большого кол-ва видео на страницу. Как?

B
На сайте с 05.01.2010
Offline
67
1387

Друзья, привет!

Подскажите, пожалуйста: есть страница с + - 50 видео с youtube размещенных через iframe, который и предлагает сам ютуб.

Естественно скорость открытия страницы плохая т.к идет куча запросов.

Прогуглив вопрос понял, что все сводится к 2 вариантам везде + шикарная статья от самого серча /ru/articles/43047 которая как раз и объединяет инфу

а) размещению у себя на сервере всех видео + свой плеер (невозможно, т.к обьем видео большой т.е нужен дополнительный сервер под видео + потеря трафика с ютуба, что самое печальное)

б) Подменой iframe заглушкой фото и при нажатии подгрузкой уже iframe и самого конкретного видео - идеальный вариант, но на телефонах не работает ( нужно дважды нажать на видео , чтобы запустить, так как сафари айфоновский ,к примеру, блокирует autoplay видео, на котором и строится способ и юзер может не понять, что нужно нажать то дважды и соответственно уйти т.к сейчас львиная доля трафика с телефонов)

Может есть у кого-то какие-то наработки или сталкивался кто с решением данного вопроса альтернативными, подходящими способами?

Заранее благодарю

Z0
На сайте с 03.09.2009
Offline
827
#1

А аяксом почему не подгрузить?

safari
На сайте с 01.07.2009
Offline
73
#2

Если вы хотите оптимальной работы на мобильных устройствах, не стоит размещать 50 видео на одной странице, js на сафари еще то удовольствие......

MT
На сайте с 17.01.2017
Offline
22
#3
Buildbuildd:
юзер может не понять, что нужно нажать то дважды

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

А если по делу, то второй способ - оптимальный. Ибо 50 видео на странице - это шандец.

B
На сайте с 05.01.2010
Offline
67
#4

Большое спасибо за ответы, понял.

---------- Добавлено 27.11.2017 в 16:43 ----------

ziliboba0213:
А аяксом почему не подгрузить?

Вы имеете ввиду при прокрутки вниз?

---------- Добавлено 27.11.2017 в 17:03 ----------

MikeTheRaven:


А если по делу, то второй способ - оптимальный. Ибо 50 видео на странице - это шандец.

Нужно именно большое количество на одной странице, это видео отзывы и нужен визуальный эффект именно того, что их много.

Z0
На сайте с 03.09.2009
Offline
827
#5
Buildbuildd:

Вы имеете ввиду при прокрутки вниз?

Да.

Buildbuildd:

Нужно именно большое количество на одной странице, это видео отзывы и нужен визуальный эффект именно того, что их много.

Ну или сделайте листинг страниц, 5 видосов, а после 10 страниц, люди поймут, что всего видео 50 :)

B
На сайте с 05.01.2010
Offline
67
#6
ziliboba0213:
Да.

Ну или сделайте листинг страниц, 5 видосов, а после 10 страниц, люди поймут, что всего видео 50 :)

Спасибо, хочется просто эффектно чтобы было :)

пс: Буду искать еще решения, может что-то еще найду, ну или прокруткой вниз (jScroll) все же, тоже как вариант неплохой.

Z0
На сайте с 03.09.2009
Offline
827
#7

У меня на одном сайте раздел видеоотзывы, так просто их количество на видное место сунул, 10 на страницу и листинг :).

Если вам для ютуб роликов индексация не нужна, то делайте аяксом, и не мучайтесь :)

B
На сайте с 05.01.2010
Offline
67
#8
ziliboba0213:
У меня на одном сайте раздел видеоотзывы, так просто их количество на видное место сунул, 10 на страницу и листинг :).

Если вам для ютуб роликов индексация не нужна, то делайте аяксом, и не мучайтесь :)

Спасибо! 🍻

K
На сайте с 05.05.2013
Offline
34
#9

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

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий