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

tortxp

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

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

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

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

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

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

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

Буду благодарен кто подскажет
« Последнее редактирование: 09.01.2019, 21:24:17 от tortxp »
*

dmitry_stas

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

tortxp

  • Захожу иногда
  • 55
  • 0 / 0
Понимал бы еще в этом
*

AlekVolsk

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

tortxp

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

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

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

http://trend.tubek.ru/testovoe
*

dmitry_stas

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

AlekVolsk

  • Гуру
  • 6915
  • 415 / 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

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

AlekVolsk

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

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

tortxp

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

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

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

Благодарю за помощь
« Последнее редактирование: 11.01.2019, 02:28:00 от tortxp »
*

AlekVolsk

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

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

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

pilotgta

  • Осваиваюсь на форуме
  • 19
  • 2 / 0
На правах рекламы

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

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

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

dmitry_stas

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

pilotgta

  • Осваиваюсь на форуме
  • 19
  • 2 / 0
*

AlekVolsk

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

Manksan

  • Новичок
  • 8
  • 0 / 0
Ну и совсем для обучающихся.... Установил ваш плагин, включил его, в материале вставляю шорткод на видео, и ничего не происходит. Я что то не так делаю?
*

Manksan

  • Новичок
  • 8
  • 0 / 0
Ну и совсем для обучающихся.... Установил ваш плагин, включил его, в материале вставляю шорткод на видео, и ничего не происходит. Я что то не так делаю?
сорри, разобрался
*

Manksan

  • Новичок
  • 8
  • 0 / 0
Подскажите, почему модуль у меня не меняет размер картинки видео. Пробовал ставить разные параметры, размер не меняется.
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
потому что превью растягивается по ширине контейнера, если вам надо как-то иначе - индивидуально завёрстывайте под мемто
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Модуль/компонент/плагин видео из Вконтакте

Автор Snip

Ответов: 0
Просмотров: 864
Последний ответ 25.05.2023, 19:16:49
от Snip
Вывод новостей на главной

Автор Mick_20

Ответов: 0
Просмотров: 985
Последний ответ 11.03.2023, 08:38:25
от Mick_20
Ищу галерею где можно размещать и картинки и видео

Автор mak200

Ответов: 0
Просмотров: 401
Последний ответ 02.02.2022, 12:55:40
от mak200
Вывод статей на основе рейтинга

Автор happy46

Ответов: 0
Просмотров: 551
Последний ответ 26.07.2020, 19:41:50
от happy46
Вывод кода (отображение) в материале

Автор Vekach

Ответов: 1
Просмотров: 625
Последний ответ 03.05.2020, 19:05:30
от beliyadm