javascript - 点击暂停/播放视频 JavaScript 不起作用

Question

我正在尝试使用 jquery 在点击时暂停和播放视频，通过检查视频是否已暂停(如果没有)，单击按钮暂停视频。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="footage">
  <video width="320" height="240" autoplay muted playsinline loop id="videoMob">
    <source src="./img/NoOne.mp4" type="video/mp4">
  </video>
</div>
<div class="play">
  <i class="fa fa-pause fa-1x"></i>
</div>

$('.play').click(function() {
  if ($('#videoMob').paused) {
    $('#videoMob').play();
  } else {
    $('#videoMob').pause();
  }
});

Answer 1

paused 属性以及 play() 和 pause() 方法是 Element 对象的成员，而不是 jQuery 对象。因此，您需要稍微修改逻辑以检索元素:

$('.play').click(function() {
  var video = $('#videoMob')[0];
  video.paused ? video.play() : video.pause();
});