title: videojs - how to pause a video while hiding interface?
body: <p>Question: Is it possible to pause a video that autoplays using video.js player, while not displaying the controls of the video?</p>
  
  <hr>
  
  <p>I'm using video.js for a website, and got the video auto-running upon visiting the site. </p>
  
  <pre><code>&lt;video id="my-video" class="video-js" controls preload="auto" data-setup='{
      "controls": false,
      "loop": "true",
      "autoplay": true, 
      "preload": "true"
      }'&gt;
  &lt;source src="vid/gh.mp4" type='video/mp4'&gt;
  </code></pre>
  
  <p></p>
  
  <p>I have decided to hide the controls, so you can only see the video.</p>
  
  <p>Is it possible to click the video to stop it from playing? </p>
  
  <p>I realize by setting the controls to false, I hide the play button and thus remove the option to pause the video.</p>
  
  <p>I'm still at a pretty basic level, so I have no idea whether or not this is even possible - but I'm very curious to hear if there is a way to do it!</p>
  
  <p>Thanks so much </p>