Hacer que las imágenes queden 'pegadas' a un contenedor

[Batan]

Pero si reduzco la ventana del navegador, los elementos quedan dentro del cuadro negro del vídeo, y lo que buscaba es que quedaran alrededor, igual que sale cuando está el navegador maximizado.

Entonces no entiendo lo que deseas.
Si quieres que rodeen a tu video, pues crea más capas y alinealas con propiedades con el float.

Código HTML:

<div id="general">
<div class="primer_bloque">
<img src="imagen.png" alt="imagen"/>
<img src="imagen.png" alt="imagen"/>
<img src="imagen.png" alt="imagen"/>
</div>
<div class="bloque_video">
<img src="imagen.png" alt="imagen"/>
<div class="video">Video</div>
<img src="imagen.png" alt="imagen"/>
</div>
<div class="segundo_bloque">
<img src="imagen.png" alt="imagen"/>
<img src="imagen.png" alt="imagen"/>
<img src="imagen.png" alt="imagen"/>
</div>
</div>
 

Estilos.

Código CSS:

#general{overflow:hidden; height: auto; width: 600px;}
.primer_bloque img{float: left; width: 200px; overflow: hidden; hidden:auto}
.bloque_video *{float: left; overflow: hidden; height: auto;}
.segundo_bloque img{float: left; width: 200px; overflow: hidden; hidden:auto}