Воспроизвести видео при вводе при наведении, затем GIF, когда он еще при наведении, и затем еще одно видео при выходе при наведении - PullRequest
0 голосов
/ 09 апреля 2020

У меня будет кнопка в середине экрана. когда пользователь наводит курсор на него, видео начинает воспроизводиться в фоновом режиме. Когда видео закончится, gif-файл сразу же начнет воспроизводиться и продолжит воспроизведение, пока пользователь все еще наводит курсор на кнопку. Наконец, когда пользователь покинет указатель мыши, будет воспроизведено еще одно видео. TLDR:

  • кнопка при наведении
  • воспроизведение видео
  • воспроизведение видео
  • воспроизведение gif (без остановки до следующего шага)
  • кнопка не находится при наведении
  • воспроизводится другое видео
  • видео заканчивается

Я хочу удивить своих учителей и хотел бы получить некоторую помощь: D видео и гифки: https://imgur.com/a/ZYVACWg

Еще раз спасибо!

РЕДАКТИРОВАТЬ: Я надеюсь, что это не получилось неправильно, я ищу подсказку - не для кого-то, чтобы закодировать все этого самого. Может быть, функция или совет; что-то для кодирования.

1 Ответ

0 голосов
/ 09 апреля 2020

Некоторые подсказки ...

Если вы уже хорошо знаете HTML и Javascript,

Я бы использовал тег <video> для встраивания вашего видео, тег <img> для GIF. Используйте события onmouseover и onmouseout для отслеживания движений мыши и изменения внутреннего HTML содержимого вашей кнопки при необходимости!

Что-то подобное должно работать!

...