Вот небольшой набросок, нужно чтобы картинки меньшим размером продолжали рамку вокруг плеера.
https://jsfiddle.net/aq9Laaew/93355/
Т.е. вот так:
![5b4cb70c4e562949592822.png](https://habrastorage.org/webt/5b/4c/b7/5b4cb70c4e562949592822.png)
Еще желательно выравнивание по центру в нижнем ряду, если картинок не будет хватать:
![5b4cb77543d5c315820843.png](https://habrastorage.org/webt/5b/4c/b7/5b4cb77543d5c315820843.png)
Ну и чтобы масштабировалось все как в примере.