📜  如何使用 jQuery 在 div 上悬停时播放视频?

📅  最后修改于: 2021-11-24 05:35:01             🧑  作者: Mango

给定网站上的视频,任务是在将光标悬停在视频上的同时播放它,并在使用 jQuery 事件从视频 div 中移除光标时停止视频播放。

示例:假设您赶时间,没有时间查看文章的整个视频,那么您只需将鼠标悬停在视频上即可查看其内容,而无需打开整个视频。这种方法非常有效,可以用来节省用户的数据和时间。这种方法最常用于 YouTube 和其他流行的视频流网站,允许视频在光标悬停时播放。

方法:可以使用 jQuery 在悬停时播放视频。为此,他们需要具有 mouseenter函数,以允许将鼠标光标悬停在视频上时播放视频。同样,可以通过播放 jQuery 的 mouseleave函数来暂停视频。

使用 jQuery mouseenter() 方法 mouseenter() 方法是 jQuery 中的一个内置方法,当鼠标指针移动到所选元素上时它会起作用。

使用 jQuery mouseleave() 方法 mouseleave() 方法是 jQuery 中的一个内置方法,当鼠标指针离开所选元素时会起作用。

代码实现:

HTML


  

    
    
    
  
    

  

    
             
          


输出: