title: Disable/enable click-to-play functionality
body: <p>I am currently building a plugin for video.js that presents an overlay onto the screen at certain breakpoints. However, I am unable to click on any of the overlay without starting the video. I figure that I need to disable the click-to-play functionality on the player.</p>
  
  <p>How should I go about disabling/enabling the click-to-play function of the video.js player?</p>
  
  <pre><code>function createBreak(breakpoint){
  
      player.pause();//pause the playback
      player.getChild('controlBar').hide();//hide the controlbar
      breakpoint.resolved = true;//
  
      var button = createEl('button',{});//adds button to video.js parent &lt;div&gt;
      button.innerHTML = "continue";//
      //THE PROBLEM: this button cannot be clicked (this is just a proof of concept)
      //    because clicking on it will restart the player
      //WHAT I NEED: a function that can disable the click-to-play 
  
  
  }
  </code></pre>
  
  <p><a href="https://stackoverflow.com/questions/16083090/video-js-preventing-click-to-play-functionality">This solution</a> already exists, but it seems to work only on an older version of video.js</p>