Стилизация встроенных в браузер элементов управления видео
Можно ли в кросс-браузерном стиле управлять элементами управления видео, встроенными в браузер, такими как видео из тега видео HTML5?
Я не понимаю, возможно это или нет, я не могу найти ничего, кроме:
http://dev.opera.com/articles/view/custom-html5-video-player-with-css3-and-jquery/
но, похоже, использует Javascript
Я хотел бы, чтобы панель управления соответствовала ширине видео; как видно из прикрепленного изображения, панель управления превышает ширину видео.
HTML для изображения выше
<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>