title: Swiper slider, pause html5 video when it's slide
body: <p>I am using idangero.us Swiper slider for my project. I have 3 html5 videos in slider but they are all playing at the same time. I need to pause the video when I click next and play again when it's visible.</p>
  
  <p>HTML:</p>
  
  <pre><code>    &lt;div class="swiper-container"&gt;
          &lt;div class="swiper-wrapper"&gt;
              &lt;div class="swiper-slide"&gt;
                  &lt;video preload="auto" loop="" autoplay=""&gt;
                      &lt;source src=".../&gt;
                  &lt;/video&gt;
              &lt;/div&gt;              
              &lt;div class="swiper-slide"&gt;
                  &lt;video preload="auto" loop="" autoplay=""&gt;
                      &lt;source src=".../&gt;
                  &lt;/video&gt;
              &lt;/div&gt;              
          &lt;/div&gt;
      &lt;/div&gt;  
  </code></pre>
  
  <p>JS: </p>
  
  <pre><code>var swiper = new Swiper('.swiper-container', {
      nextButton: '.swiper-button-next',
      prevButton: '.swiper-button-prev',
      autoplay: 5000,
  });
  </code></pre>