title: How to change the position of videojs Control bar elements order
body: <p>I am using the video.js player for my website. I want to change the position of control bar elements.</p>
  
  <p>Presently, it shows play/pause, volume, progress bar and full screen.</p>
  
  <p>How can I able to change order?</p>
  
  <p>I have my code below:</p>
  
  <pre><code>var videojs = videojs('video-player', {
      techOrder:  ["youtube", "html5"],
      preload: 'auto',
      controls: true,
      autoplay: true,
      fluid: true,
      controlBar: {
          CurrentTimeDisplay: true,
          TimeDivider: true,
          DurationDisplay: true
      },
      plugins: {
          videoJsResolutionSwitcher: {
              default: 'high',
              dynamicLabel: true
          }
      }
  }).ready(function() {
      var player = this;
     ......
  </code></pre>