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



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

  • 悬停按钮
  • 视频播放
  • 视频结束
  • gif播放(不间断,直到下一步(
  • 按钮未悬停
  • 播放另一个视频
  • 视频结束

我想让我的老师们惊叹,并希望得到一些帮助:D有问题的视频和gif:https://i.stack.imgur.com/aThg2.jpg

再次感谢!

编辑:我希望这件事没有出错,我在寻找一个提示——而不是让别人自己编码所有这些。也许是一个功能,或者一条建议;要编码的内容。

一些提示。。。

假设你已经对HTML和Javascript有了很好的了解,

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

这样的东西应该行得通!

最新更新