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

tortxp

  • Захожу иногда
  • 54
  • 0 / 0
Как сделать вывод видео с YouTube в обычном материале, чтобы превьюшка была картинкой

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

Этот файл скрипта весит 500кб. Если видео несколько то размер страницы, а значит и скорость загрузки увеличивается в десятки раз.

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

Вот что он грузит на каждое видео добавленное на страницу http://prntscr.com/m519br

Надеюсь понятно описал, примеров не наше. У меня раньше был шаблон сайта от рокетс на фрейме Gantry 5, там вот было такое, я вставлял только URL видео с YouTube, он делал картинку в превью, при клике уже грузился скрипт и воспроизводилось видео

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

Буду благодарен кто подскажет
« Последнее редактирование: 09.01.2019, 21:24:17 от tortxp »
Вязание спицами и крючком, узоры спицами и крючком http://trend-city.ru
*

dmitry_stas

  • Легенда
  • 12902
  • 1213 / 8
картинку-превью для видео вы можете получить следующим образом: допустим, у вас видео расположено по адресу youtube.com/watch?v=yZWgujTX17U . значит его превью будет расположено по адресу img.youtube.com/vi/yZWgujTX17U/default.jpg . ну а дальше вставляете картинку, а на onclick по картинке вешаете уже подгрузку этого скрипта
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

tortxp

  • Захожу иногда
  • 54
  • 0 / 0
Понимал бы еще в этом
Вязание спицами и крючком, узоры спицами и крючком http://trend-city.ru
*

AlekVolsk

  • Гуру
  • 6821
  • 396 / 4
попробуйте воспользоваться контент-плагином, например этим: https://github.com/AlekVolsk/ytvideo
*

tortxp

  • Захожу иногда
  • 54
  • 0 / 0
попробуйте воспользоваться контент-плагином, например этим: https://github.com/AlekVolsk/ytvideo

Работает как надо, только картинку-превью делает в ужасном качестве.

Вот здесь можно увидеть какая картинка в исходнике, какую делает плагин

http://trend.tubek.ru/testovoe
Вязание спицами и крючком, узоры спицами и крючком http://trend-city.ru
*

dmitry_stas

  • Легенда
  • 12902
  • 1213 / 8
там надо default.jpg заменить на hqdefault.jpg
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

AlekVolsk

  • Гуру
  • 6821
  • 396 / 4
картинку-превью делает в ужасном качестве
тут загоны самого YouTube, хз, какая картинка когда нормальная...

в файле /plugins/content/ytvideo/ytvideo.php уберите в 63й строке ненужные значения из массива
было так:
Код
$images = [ 'maxresdefault.jpg', 'sddefault.jpg', 'hqdefault.jpg', 'mqdefault.jpg', 'default.jpg' ];
должно стать так:
Код
$images = [ 'hqdefault.jpg' ];
« Последнее редактирование: 11.01.2019, 02:00:09 от AlekVolsk »
*

dmitry_stas

  • Легенда
  • 12902
  • 1213 / 8
тут загоны самого YouTube, хз, какая картинка когда нормальная...
да, они поменяли просто. maxresdefault и sddefault вообще по моему уже нету
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

AlekVolsk

  • Гуру
  • 6821
  • 396 / 4
да, они поменяли просто. maxresdefault и sddefault вообще по моему уже нету
не могу найти в их апи этой инфы

вообще тут можно почитать о размерах картинок и какие они бывают, но следует понимать, что для старых видео они формировались по другому и имеют другие размеры, а иногда и имена, а также часто многие из размеров просто отсутствуют, что сам ютуб признаёт нормальным
« Последнее редактирование: 11.01.2019, 01:52:07 от AlekVolsk »
*

tortxp

  • Захожу иногда
  • 54
  • 0 / 0
Вот такая конструкция дала приемлемое качество превью.

$images = [ 'hqdefault.jpg', 'maxresdefault.jpg', 'sddefault.jpg'];

пришлось удалить несколько штук там

Благодарю за помощь
« Последнее редактирование: 11.01.2019, 02:28:00 от tortxp »
Вязание спицами и крючком, узоры спицами и крючком http://trend-city.ru
*

AlekVolsk

  • Гуру
  • 6821
  • 396 / 4
На правах рекламы

Обновлён плагин вывода видео с Youtube.
Теперь превью видео кешируется, что более чем в 2 раза позволило повысить производительность работы плагина.
Шорткод плагина поддерживает указание соотношения сторон для видеофрейма и кастомный заголовок.

Скачать бесплатно с оригинального репозитория разработчика: https://github.com/AlekVolsk/ytvideo
*

pilotgta

  • Новичок
  • 2
  • 0 / 0
На правах рекламы

Обновлён плагин вывода видео с Youtube.
Теперь превью видео кешируется, что более чем в 2 раза позволило повысить производительность работы плагина.
Шорткод плагина поддерживает указание соотношения сторон для видеофрейма и кастомный заголовок.

Скачать бесплатно с оригинального репозитория разработчика: https://github.com/AlekVolsk/ytvideo

Сори, для совсем тупых но обучающихся, а как скачать этот плагин, в двух словах не расскажите?  Спасибо
*

dmitry_stas

  • Легенда
  • 12902
  • 1213 / 8
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

pilotgta

  • Новичок
  • 2
  • 0 / 0
*

AlekVolsk

  • Гуру
  • 6821
  • 396 / 4
Сори, для совсем тупых но обучающихся, а как скачать этот плагин, в двух словах не расскажите?  Спасибо
1. http://prntscr.com/oih40v
2. http://prntscr.com/oih4xg
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Поиск и вывод из базы данных

Автор mailrev

Ответов: 2
Просмотров: 186
Последний ответ 27.03.2019, 17:52:13
от effrit
Lazy load for Youtube

Автор Gerostrat

Ответов: 16
Просмотров: 334
Последний ответ 19.02.2019, 15:06:34
от robert
Для трансляции видео с камер наблюдения

Автор stardel

Ответов: 2
Просмотров: 262
Последний ответ 28.11.2018, 19:16:06
от lexxbry
Нужен модуль для создание файла YML (чтобы на Яндекс маркете цены выставитть)

Автор Kooll5

Ответов: 1
Просмотров: 371
Последний ответ 28.07.2018, 14:13:25
от NewUsers
Вывод материалов по значению одного доп. поля с плюшкой

Автор dannydallion

Ответов: 0
Просмотров: 271
Последний ответ 27.06.2018, 18:41:41
от dannydallion