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

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

  • 悬停按钮

  • 视频播放

  • 视频结束

  • gif 播放(不间断直到下一步)

  • 按钮不在悬停状态

  • 另一个视频正在播放

  • 视频结束

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


繁华开满天机
浏览 70回答 1
1回答

慕容708150

一些提示...假设您已经熟悉 HTML 和 Javascript,我会使用<video>标签来嵌入您的视频,<img>即 gif 标签。使用 onmouseover 和 onmouseout 事件来跟踪鼠标移动并在需要时更改按钮的 insideHTML 内容!类似的东西应该有效!
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5