暂停/播放点击视频不起作用的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();
});