code: function() {
  
              var muteControl = this.options.muted ? 'fa-volume-off' : 'fa-volume-up';
              var playPauseControl = this.options.autoplay ? 'fa-pause' : 'fa-play';
  
              var controlsHTML = ' \
                <div class="controlsWrapper">\
                  <div class="valiant-progress-bar">\
                      <div style="width: 0;"></div><div style="width: 100%;"></div>\
                  </div>\
                  <div class="controls"> \
                      <a href="#" class="playButton button fa '+ playPauseControl +'"></a> \
  					<div class="audioControl">\
  						<a href="#" class="muteButton button fa '+ muteControl +'"></a> \
  						<div class="volumeControl">\
  							<div class="volumeBar">\
  								<div class="volumeProgress"></div>\
  								<div class="volumeCursor"></div>\
  							</div>\
  						</div>\
  					</div>\
  					<span class="timeLabel"></span> \
                      <a href="#" class="fullscreenButton button fa fa-expand"></a> \
                  </div> \
                </div>\
              ';
  
              $(this.element).append(controlsHTML, true);
  			$(this.element).append('<div class="timeTooltip">00:00</div>', true);
  
              // hide controls if option is set
              if(this.options.hideControls) {
                  $(this.element).find('.controls').hide();
              }
  
              // wire up controller events to dom elements
              this.attachControlEvents();
          }
docs: creates div and buttons for onscreen video controls