Comment faire des vignettes vidéo comme Facebook [CSS]

Question

Je cherche à faire des vignettes vidéo comme sur facebook mais je ne suis pas en mesure d'obtenir ce bouton de lecture sur la vignette comme sur facebook.

CODE

HTML

<a href="watch-video.php?c=1244"> 
    <img src="http://img.youtube.com/vi/X0OdLlX-cIw/1.jpg"> 
    <b></b> 
</a> 

CSS

.wall_video a {display: block; width: 128px; height: 96px; padding: 4px; border: 1px solid #cccccc; position: relative} 
.wall_video a img {display: block; width: 128px; height: 96px; } 
.wall_video a b {background: url(images/play-icon.png) no-repeat; display: block; width: 28px; height: 30px; position: absolute;} 

Lorsque j'essaie de faire flotter le img, le bouton se place juste au-dessus. Au début, je pensais à sa position: la marge supérieure relative et négative mais quand j'ai vérifié la source de facebook ils n'utilisent pas le positionnement relatif.

Answer 1

.wall_video a b { 
    /* ... */ 
    position: absolute; 
    left: 5px; 
    bottom: 5px; 
}