title: Toggling Closed Caption in HTML5 video and disabling default video controls
body: <p>I have two problems. As soon as I put the track tag within my video element the video's default controller shows up. I have custom controls so it's quite the problem. </p>
  
  <p>Second. I can't find a way to toggle closed caption on an off.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;video id="trailers" poster="images/poster/poster.jpg"&gt;
                  &lt;source src="media/vLast.mp4" type="video/mp4"&gt;
                  &lt;source src="media/vLast.webm" type="video/webm"&gt;
                  &lt;track id="mytrack" label="English Subtitles" src="subtitles.vtt" srclang="en" default /&gt;
   &lt;/video&gt; 
  
   &lt;button id="cc"&gt;CC&lt;/button&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>  var cc = document.getElementById('cc');
  function cc(){
         var video= document.getElementById('media');
         var track1 = video.textTracks[0];
         var mytrack = document.getElementById('mytrack');
         var track2 = mytrack.track;
         console.log(track1);
         console.log(track2);
      }
      cc.addEventListener('click',cc,false);
  </code></pre>