jQuery：在引导程序滑块中播放视频

Question

我想在下面的引导程序滑块中的项目成为活动类时播放视频是我的代码

<div class="item" id='mobileapp'>
  <video loop controls width="100%" id='video'>
    <source src="../../vid.mp4" width="100%" height="100%" type="video/mp4"> Your browser does not support the video tag.
  </video>    
  <div class="overlay"></div>
  <div class="carousel-caption">
    <h1 class="super-heading text-white">Heading</h1>
    <div class='row'>
      <div class='col-sm-2 col-sm-offset-1'>
        <img src='../img/googleplay.png' class='img-responsive hidden-xs' />
      </div>   
      <div class='col-sm-2'>
        <img src='../img/applestore.png' class='img-responsive hidden-xs' />
      </div>
    </div>   
  </div>
</div>

JS

<script>
  $(document).ready(function () {

    if ($('#mobileapp').hasClass('active')) {
      $('#video')[0].play();
    }
    else {
      $('#video')[0].pause();
    }

  })
</script>

活动班级被添加，但不支付视频

Answer 1

函数“播放”和“暂停”不是jquery函数，它们属于DOM元素。 现在要使其工作，请尝试每10毫秒或类似的时间执行一次代码。 尝试：

 var videoElt = document.getElementById('video'); $(document).ready(function () { setInterval(function () { if ($('#mobileapp').hasClass('active')) { videoElt.play(); // to play the video } else { videoElt.pause(); // to pause the video } }, 10); });