Diseñar botones de reproducción de vídeo

[kseso?]

Iniciado por Wasp1978

Gracias a los dos por vuestra ayuda.
PrendekZ, lo había colocado en CSS porque pensaba que solo usando CSS lo podría hacer. De hecho en este enlace podemos ver un reproductor cuyas skins están implementadas con CSS (según dice en la página):

http://videojs.com/

Entonces, ¿no podría hacerlo usando solo CSS?

Sí, claro que está realizado con css (el central de play). Y es tan sencillo como:

Código CSS:

div.vjs-big-play-button {
    -moz-border-radius: 20px 20px 20px 20px;
    -moz-box-shadow: 4px 4px 8px #000000;
    background: -moz-linear-gradient(center top , #0B151A, #1F3744) repeat scroll left 40px #1F3744;
    border: 3px solid #FFFFFF;
    cursor: pointer !important;
    display: none;
    height: 80px;
    left: 50%;
    margin: -43px 0 0 -43px;
    opacity: 0.9;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 80px;
    z-index: 2;
 
 
}
 
 
div.vjs-big-play-button span {
    border-bottom: 20px solid transparent;
    border-left: 40px solid #FFFFFF;
    border-top: 20px solid transparent;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 20px 0 0 23px;
    width: 0;
}
 

y el html

Código HTML:

<div class="vjs-big-play-button" style="display: block;">
       <span></span>
</div>
 

Pero fíjese en las advertencias:
No es válido para ninguna de las versiones estables de ie (incluida la 8).

Así que programa de dibujo o diseño gráfico.