如何制作像Facebook这样的视频缩略图[CSS]

Question

我希望在Facebook上制作视频缩略图，但我无法像在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;}

当我尝试浮动img时，按钮就会向右移动。起初我认为它的位置：相对和负上边距，但当我检查facebook的来源时，他们不使用相对定位。

Answer 1

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