É possível cruzar o estilo do navegador com os controles de um vídeo nativo do navegador, como o vídeo da tag de vídeo do HTML5?

Eu não entendo se é possível ou não, não consigo encontrar nada além de:

http://dev.opera.com/articles/view/custom-html5-video-player-with-css3-and-jquery/

mas parece estar usando JavaScript

Eu gostaria de fazer a barra de controles ajustar a largura do vídeo; Como você pode ver na imagem anexada, a barra de controles excede a largura do vídeo.

HTML para a imagem acima

 <div class="video centered-content">
    <a class="circle-canvas close-video" href="javascript:void(0)" id="video-close" rel="tooltipTOP" data-original-title="close">X</a>
    <video width="63%" height="60%" id="video" class="video" controls>
      <source src="<?php echo base_static_url();?>media/video.mp4">
        <source src="<?php echo base_static_url();?>media/video.ogv">
          <source src="<?php echo base_static_url();?>media/video.webm">
          </video>
        </div>