title: Video js. player pause/play with a single tap on a mobile
body: <p>I have a lot of responsive html5 videos on my website and I'd like to just play/pause them by click/tap on video. And it's working like that on desktop but on smartphones if you tap on video it just showing controls so you need tap second time on the controls to play/pause. Is there any way to video.js player act similar on mobile as on desktop. One tap on video (not controls) play second tap pause. this is my code. Please for help    </p>
  
  <pre><code>&lt;div class="wrapper"&gt;
  &lt;div style="max-width: 400px;margin:auto"&gt;
  
  &lt;video id="video1" class="video-js vjs-default-skin vjs-big-play-centered "
     loop controls preload="auto" width="auto" height="auto" 
    poster="example.png"
    data-setup='{"children": {"loadingSpinner": false}}'&gt;
     &lt;source src="example.mp4" type='video/mp4' /&gt;    
  
   &lt;source src="example.webm" type='video/webm' /&gt;
  &lt;/video&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>