进入悬停时播放视频，悬停时播放 gif，离开悬停时播放另一个视频

Question

我会在屏幕中间有一个按钮。当用户将鼠标悬停在其上时，视频将开始在后台播放。视频结束后，GIF 将立即开始播放，并且只要用户仍将鼠标悬停在按钮上，就会继续播放。最后，当用户离开悬停位置时，将播放另一个视频。总而言之：

• 悬停按钮

• 视频播放

• 视频结束

• gif 播放（不间断直到下一步）

• 按钮不在悬停状态

• 另一个视频正在播放

• 视频结束

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

Answer 1

一些提示...假设您已经熟悉 HTML 和 Javascript，我会使用<video>标签来嵌入您的视频，<img>即 gif 标签。使用 onmouseover 和 onmouseout 事件来跟踪鼠标移动并在需要时更改按钮的 insideHTML 内容！类似的东西应该有效！