Question

如果我们只使用HTML5和CSS3从光标处取下光标，我一直在寻找暂停或静音视频的方法。但我无法找到方法。有没有办法实现这个目标？

Answer 1

如果您使用的是jQuery和HTML5视频，则可以执行以下操作：

var vid = $(".myVideo"); 
vid.mouseleave(function() {
    vid.pause()
});

然后，当你想再玩一次时，

vid.mouseenter(function() {
    vid.play()
});

函数vid.play（）和vid.pause（）是内置的，所以这不会给你带来任何麻烦。

Answer 2

您的HTML：

<div id="video-wrapper">
    <video id="v" src="video.mp4" controls></video>
</div>

使用jQuery获取视频元素：

   var v = $("#v");

检查视频是否可以播放：

  $(v).on('canplay', function(){
      $(v).mouseenter(function(){
         $(this).get(0).play();
      }).mouseleave(function(){
         $(this).get(0).pause();
      })
   });

如何在取下鼠标时暂停视频？

2 个答案: