title: Play/pause function with multiple videos
body: <p>HTML:</p>
  
  <pre><code> &lt;video width="840" id="video"&gt;
            &lt;source src="{{box.video}}" type="video/mp4"&gt;
   &lt;/video&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>video = document.querySelector("#video");
  $this = $(this);
  function playVideo() {
     video.play();
  }
  function stopVideo() {
     video.pause();
  }
  function pauseVideo() {
     video.pause();
  }
  function skip(value) {
     video.currentTime += value;
  } 
  </code></pre>
  
  <p>It works with one video but I've got a lot of videos on the page. So when I click another video, its getting first audio every time.</p>
  
  <p>How can I use these functions with multiple videos?</p>