Как правильно и как реализовать это?
Клиент увидел в ютубе эту фичу теперь хочет чтобы на сайте тоже так было. Есть список новостей с превью картинками и как можно реализовать на ховере чтобы они были как гифка? если я правильно понимаю что это гифка. Но при переходе на эту новость внутри уже сам ютуб плеер с видео
Знакомо но это никак не говорит мне о том как это поможет) Тут надо с youtube api как-то работать. К тому же видео находится на другой странице а на превьюшке картинка
Alibek Kulseitov, у вас каждая новость связана с ютуб-видео? тогда вы просто вешаете эти два события на вашу картинку, и подгружаете соотв. видео / гифку с ютуба - посмотрите, кака они генерируют адрес этой анимации у себя через девтулс. Вероятно, это какой то путь отличный от обычного УРЛа видео, но с тем же ID
Если нужна гифка, то сгенерируй из куска видео гифку и вставь под картинку, по наведению картинку прячь, и станет видна гифка, вместо гифки может быть кусочек видео, который хранится на сервере. Но делать гифки или кусочки для каждого видео как-то накладно
Вместо гифки можно вставь iframe с видео с youtube, по наведению на картинку запускай проигрывание видео (youtube iframe api). Ничего сложного там нет.
Максим Ленский, Да хоть 20 миллионов видео, это уже его проблема. Я предложил два варианта и они оба имеют место быть.
Есть те, кто реально этим заморачиваются, и делают и гифки, и кусочки видео в разных форматах и разном качестве. Все это оптимально работает на разных устройствах включая фолбеки.
Максим Ленский, вообще-то нет, на js это делается просто. Берем ссылку на youtube видео, получаем инфу по видео, генерируем прямую ссылку на видео (самое сложное), но все есть в открытом доступе, там строк 100, создаем видео тег, задаем ему нужный src, запускаем, рисуем на canvas покадрово (так получаем кадры картинкой), остается сгенерировать гифку из потока картинок, пожав их (тоже есть в открытом доступе). Все легко.
