进入悬停时播放视频，悬停时播放 gif，离开悬停时播放另一个视频
Play a video when entering hover, then a gif while still on hover, and then another video when leaving hover
我会在屏幕中间有一个按钮。
当用户将鼠标悬停在它上面时，视频将开始在后台播放。当视频结束时，gif 会立即开始播放，并且只要用户悬停在按钮上就会继续播放。最后，当用户离开悬停时 - 另一个视频将播放。
TLDR：
- 悬停按钮
- 视频播放
- 视频结束
- gif 播放（一直到下一步）
- 按钮未悬停
- 播放另一个视频
- 视频结束
我想让我的老师们惊叹并希望得到一些帮助:D
有问题的视频和 gif：
https://imgur.com/a/ZYVACWg
再次感谢！
编辑：我希望这没有出错，我正在寻找提示 - 而不是让某人自己编写所有代码。也许是一个功能，或者一条建议；一些代码来源。
一些提示...
假设您已经对 HTML 和 Javascript 有了很好的了解，
我会使用 <video> 标签嵌入您的视频，<img> 标签嵌入 gif。
使用 onmouseover 和 onmouseout 事件跟踪鼠标移动并在需要时更改按钮的内部HTML内容！
类似的东西应该有用！
我会在屏幕中间有一个按钮。 当用户将鼠标悬停在它上面时，视频将开始在后台播放。当视频结束时，gif 会立即开始播放，并且只要用户悬停在按钮上就会继续播放。最后，当用户离开悬停时 - 另一个视频将播放。 TLDR：
- 悬停按钮
- 视频播放
- 视频结束
- gif 播放（一直到下一步）
- 按钮未悬停
- 播放另一个视频
- 视频结束
我想让我的老师们惊叹并希望得到一些帮助:D 有问题的视频和 gif： https://imgur.com/a/ZYVACWg
再次感谢！
编辑：我希望这没有出错，我正在寻找提示 - 而不是让某人自己编写所有代码。也许是一个功能，或者一条建议；一些代码来源。
一些提示...
假设您已经对 HTML 和 Javascript 有了很好的了解，
我会使用 <video> 标签嵌入您的视频，<img> 标签嵌入 gif。
使用 onmouseover 和 onmouseout 事件跟踪鼠标移动并在需要时更改按钮的内部HTML内容！
类似的东西应该有用！