title: How to call onclick event from another controls
body: <p>In my html page, i have a videojs player and a button. Videojs player had supported the function that when user click to it, video will be paused/played. 
  So, i want to call event onclick function of videojs player by click on my button.
  How can i do that?</p>
  
  <p>This is my code. But it did not work.</p>
  
  <pre><code>&lt;body&gt;
  
    &lt;video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
        poster="http://video-js.zencoder.com/oceans-clip.png"
        data-setup="{}"&gt;
      &lt;source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' /&gt;
      &lt;source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' /&gt;
      &lt;source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' /&gt;
      &lt;track kind="captions" src="demo.captions.vtt" srclang="en" label="English"&gt;&lt;/track&gt;&lt;!-- Tracks need an ending tag thanks to IE9 --&gt;
    &lt;/video&gt;
    &lt;input type="button" onclick="test();"&gt;
  &lt;script&gt;
  
      function test() {
          var myPlayer = videojs("example_video_1");
          myPlayer.onclick();
      };
  
  &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>