Ist es möglich, die Steuerelemente eines browsernativen Videos, z. B. eines Videos aus dem HTML5-Video-Tag, browserübergreifend zu gestalten?

Ich verstehe nicht, ob es möglich ist oder nicht, ich kann nichts anderes finden als:

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

aber es scheint, Javascript zu verwenden

Ich möchte die Steuerleiste an die Videobreite anpassen. Wie Sie dem beigefügten Bild entnehmen können, überschreitet die Steuerleiste die Videobreite.

HTML für das obige Bild

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