title: How to create customs button in video js
body: <p>I want to create custom button in video js i have tried so many things and search alot when i am applying i found no result i think i have some mistake in my code.</p>
  
  <p>i have setup my player on video js successfully.</p>
  
  <p>This my code which i am trying to add custom button.</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function(){
     var player = videojs('video1');    
     var myButton = player.controlBar.addChild('button', {
              text: "Press me",
              // other options
            });
  
     myButton.addClass("html-classname");
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>and i also tried this code to add button in player from <a href="https://github.com/videojs/video.js/blob/stable/docs/api/vjs.Component.md#addchild-child-options-">video js component documentation.</a></p>
  
  <pre><code>&lt;script&gt;
      $(document).ready(function(){
         var player = videojs('video1');    
         var button = player.addChild('button');
         button.el();
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>This is my <a href="http://codepen.io/anon/pen/eNrGMN">codeOpen fiddle</a> please correct in it what's i am doing wrong.</p>