我将在屏幕中间有一个按钮。当用户悬停在它上面时,一个视频将开始在后台播放。视频结束后,只要用户仍停留在按钮上,gif就会立即开始播放并继续播放。最后,当用户离开悬停时,将播放另一个视频。TLDR:
- 悬停按钮
- 视频播放
- 视频结束
- gif播放(不间断,直到下一步(
- 按钮未悬停
- 播放另一个视频
- 视频结束
我想让我的老师们惊叹,并希望得到一些帮助:D有问题的视频和gif:https://i.stack.imgur.com/aThg2.jpg
再次感谢!
编辑:我希望这件事没有出错,我在寻找一个提示——而不是让别人自己编码所有这些。也许是一个功能,或者一条建议;要编码的内容。
一些提示。。。
假设你已经对HTML和Javascript有了很好的了解,
我会使用<video>
标签来嵌入你的视频,一个用于gif的<img>
标签。使用onmouseover和onmouseout事件来跟踪鼠标移动,并在需要时更改按钮的innerHTML内容!
这样的东西应该行得通!