javascript - 进入悬停时播放视频，然后在悬停时播放 gif，然后在离开悬停时播放另一个视频

我将在屏幕中间有一个按钮。当用户将鼠标悬停在它上面时，视频将开始在后台播放。当视频结束时，只要用户仍然将鼠标悬停在按钮上，gif 就会立即开始播放并继续播放。最后，当用户离开悬停时 - 将播放另一个视频。TLDR：

我想让我的老师们惊叹，并希望得到一些帮助：D 有问题的视频和 GIF： https ://imgur.com/a/ZYVACWg

再次感谢！

编辑：我希望这没有出错，我正在寻找一个提示——而不是让某人自己编写所有这些代码。也许是一个功能，或者是一条建议；一些可以编码的东西。

标签： javascripthtmlcssvideogif

一些提示...

假设您已经对 HTML 和 Javascript 有很好的了解，

我会使用<video>标签嵌入你的视频，<img>一个 gif 的标签。使用 onmouseover 和 onmouseout 事件来跟踪鼠标移动并在需要时更改按钮的 innerHTML 内容！

像这样的东西应该工作！