Czy możliwe jest przełączanie między przeglądarkami elementów sterujących rodzimym filmem z przeglądarki, takich jak wideo ze znacznika wideo HTML5?

Nie rozumiem, czy jest to możliwe, czy nie, nie mogę znaleźć niczego poza:

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

ale wydaje się, że używa Javascript

Chciałbym, aby pasek kontrolny pasował do szerokości wideo; jak widać na załączonym obrazku, pasek sterowania przekracza szerokość wideo.

HTML dla powyższego obrazu

 <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>