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); });