0 Пользователей и 1 Гость просматривают эту тему.
  • 16 Ответов
  • 393 Просмотров
*

Gerostrat

  • Захожу иногда
  • 347
  • 2 / 0
  • Свидетель чайной ложки
Lazy load for Youtube
« : 18.02.2019, 12:14:29 »
Хотелось бы найти плагин, который позволяет отложенно загружать видео с youtube. Идеальный вариант – без переделки всех уже вставленных кодов плеера на сайте.
Или может есть плагин, который iframe загружает отложенно, когда до него долистали?
Заранее спасибо.
*

AlekVolsk

  • Гуру
  • 6889
  • 403 / 4
Re: Lazy load for Youtube
« Ответ #1 : 18.02.2019, 12:22:26 »
это не будет работать, т.к. изображение для YouTube грузится скриптом самого YouTube, на который вы повлиять никак не можете

но вы можете поставить контент-плагин отложенной подгрузки видео, у которого можно внедрить стандартный lazyload
https://github.com/AlekVolsk/ytvideo
*

Gerostrat

  • Захожу иногда
  • 347
  • 2 / 0
  • Свидетель чайной ложки
Re: Lazy load for Youtube
« Ответ #2 : 18.02.2019, 12:43:52 »
Спасибо за ответ.
Значит, если ставить плагин, то нужно прописывать шорт-коды вместо стандартного iframe с youtube'а ?
*

dm-krv

  • Давно я тут
  • 940
  • 21 / 0
Re: Lazy load for Youtube
« Ответ #3 : 18.02.2019, 13:04:12 »
Можно аяксом вставлять фрейм, по событию.
*

Gerostrat

  • Захожу иногда
  • 347
  • 2 / 0
  • Свидетель чайной ложки
Re: Lazy load for Youtube
« Ответ #4 : 18.02.2019, 13:13:38 »
Можно аяксом вставлять фрейм, по событию.
Ну, это тёмный лес для меня.  *suicide*
*

dm-krv

  • Давно я тут
  • 940
  • 21 / 0
Re: Lazy load for Youtube
« Ответ #5 : 18.02.2019, 14:36:29 »
Ну, это тёмный лес для меня.  *suicide*


Если хотите, вечером скину код, там буквально в одну строку все делается.
*

dmitry_stas

  • Легенда
  • 13048
  • 1224 / 8
Re: Lazy load for Youtube
« Ответ #6 : 18.02.2019, 14:47:15 »
конечно хотим :)
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

Gerostrat

  • Захожу иногда
  • 347
  • 2 / 0
  • Свидетель чайной ложки
Re: Lazy load for Youtube
« Ответ #7 : 18.02.2019, 16:33:40 »
Если хотите, вечером скину код, там буквально в одну строку все делается.
Я вообще любитель решений в одну строку.
Буду благодарен, если сбросите.
*

dm-krv

  • Давно я тут
  • 940
  • 21 / 0
Re: Lazy load for Youtube
« Ответ #8 : 18.02.2019, 20:11:31 »
Я вообще любитель решений в одну строку.
Буду благодарен, если сбросите.

Создать в корне сайта или в любом другом месте файл yvideo1.html с вашим фреймом:
Код
<iframe width="560" height="315" src="https://www.youtube.com/embed/eexjaaFlOPY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Вставить кнопку или картинку, где хотите:
Код
<button onclick="document.querySelectorAll('.yvideo1')[0].load('/yvideo1.html');">Показать видео</button>
У вас на странице должен быть иметься в наличии блок с классом yvideo1.

При клике на кнопку, внутрь элемента с классом yvideo1 будет подгружено содержимое файла yvideo1.html а там у нас фрейм лежит.

Как вариант, делаете скриншот вашего видео, вывешивайте на сайте в виде картинки, на саму картинку вешайте onclick, а картинка, понятное дело, находится внутри блока, куда подгрузка назначена. В итоге, при клике на картинку, она будет заменена фреймом.
« Последнее редактирование: 18.02.2019, 20:16:18 от dm-krv »
*

Gerostrat

  • Захожу иногда
  • 347
  • 2 / 0
  • Свидетель чайной ложки
Re: Lazy load for Youtube
« Ответ #9 : 18.02.2019, 20:40:22 »
Ну, решение, конечно, красивое и интересное.   :D
Но что делать с сотнями уже вставленных видео на сайте  ^-^
У-у-у-у... Как много работы  *ОХ-Х-Х*
*

robert

  • Живу я здесь
  • 4753
  • 436 / 17
Re: Lazy load for Youtube
« Ответ #10 : 18.02.2019, 22:11:43 »
При клике на кнопку, внутрь элемента с классом yvideo1 будет подгружено содержимое файла yvideo1.html
^-^ Точно? Вы проверили?
Но что делать с сотнями уже вставленных видео на сайте
Создать сотни файлов yvideoX.html и вставить сотни кнопок с vanilla+jQuery вперемешку.
Не будь паразитом, сделай что-нибудь самостоятельно!
*

Gerostrat

  • Захожу иногда
  • 347
  • 2 / 0
  • Свидетель чайной ложки
Re: Lazy load for Youtube
« Ответ #11 : 18.02.2019, 22:13:26 »
Тогда это не то решение, которое я ищу...
*

dm-krv

  • Давно я тут
  • 940
  • 21 / 0
Re: Lazy load for Youtube
« Ответ #12 : 19.02.2019, 07:38:53 »
^-^ Точно? Вы проверили?Создать сотни файлов yvideoX.html и вставить сотни кнопок с vanilla+jQuery вперемешку.

Да, проверил, работает. Конечно, на деле фреймы при помощи js не так делают, но это самый простой способ)
*

dm-krv

  • Давно я тут
  • 940
  • 21 / 0
Re: Lazy load for Youtube
« Ответ #13 : 19.02.2019, 07:44:50 »
Тогда это не то решение, которое я ищу...

В теории, можно сделать плагин, который будет все фреймы на сайте перехватывать и заменять картинкой с YouTube, а уже при клике будет вставляться фрейм. Но это вам в коммерческий раздел)
*

robert

  • Живу я здесь
  • 4753
  • 436 / 17
Re: Lazy load for Youtube
« Ответ #14 : 19.02.2019, 08:29:11 »
Да, проверил, работает.
Нет, работать не будет: метод load() вызывается jQuery объектом, а у вас - DOM элемент.
Не будь паразитом, сделай что-нибудь самостоятельно!
*

dm-krv

  • Давно я тут
  • 940
  • 21 / 0
Re: Lazy load for Youtube
« Ответ #15 : 19.02.2019, 14:34:26 »
Нет, работать не будет: метод load() вызывается jQuery объектом, а у вас - DOM элемент.

Хз, все работает:
http://rvp.expert/load
Я таким макаром формы подгружаю, очень удобно + ботам меньше шансов на спам.
« Последнее редактирование: 19.02.2019, 14:40:42 от dm-krv »
*

robert

  • Живу я здесь
  • 4753
  • 436 / 17
Re: Lazy load for Youtube
« Ответ #16 : 19.02.2019, 15:06:34 »
Не будь паразитом, сделай что-нибудь самостоятельно!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вывод видео с YouTube чтобы превьюшка была картинкой

Автор tortxp

Ответов: 18
Просмотров: 829
Последний ответ 13.10.2019, 14:00:27
от AlekVolsk
Плагин Кнопка вставки видео Youtube

Автор Mick_20

Ответов: 1
Просмотров: 360
Последний ответ 08.03.2018, 18:03:41
от nevigen
Помогите, срочно нужна youtube галерея

Автор neogod

Ответов: 9
Просмотров: 459
Последний ответ 27.11.2017, 10:54:18
от Akeksandr
Youtube Feed pro

Автор usmdamir

Ответов: 3
Просмотров: 586
Последний ответ 08.02.2017, 10:47:35
от usmdamir
Превью видеороликов Youtube в блоге категории

Автор martini

Ответов: 7
Просмотров: 467
Последний ответ 13.12.2016, 18:04:47
от effrit