给定网站上的视频,任务是在将光标悬停在视频上的同时播放它,并在使用 jQuery 事件从视频 div 中移除光标时停止视频播放。
示例:假设您赶时间,没有时间查看文章的整个视频,那么您只需将鼠标悬停在视频上即可查看其内容,而无需打开整个视频。这种方法非常有效,可以用来节省用户的数据和时间。这种方法最常用于 YouTube 和其他流行的视频流网站,允许视频在光标悬停时播放。
方法:可以使用 jQuery 在悬停时播放视频。为此,他们需要具有 mouseenter函数,以允许将鼠标光标悬停在视频上时播放视频。同样,可以通过播放 jQuery 的 mouseleave函数来暂停视频。
使用 jQuery mouseenter() 方法: mouseenter() 方法是 jQuery 中的一个内置方法,当鼠标指针移动到所选元素上时它会起作用。
使用 jQuery mouseleave() 方法: mouseleave() 方法是 jQuery 中的一个内置方法,当鼠标指针离开所选元素时会起作用。
代码实现:
HTML
输出: