¿Cómo cambio el orden de reproducción en una galería de video (con iframes) en HTML5 y CSS3?

Tengo un sitio web casi terminado y consta de una galería de imágenes y videos con un slider. El slider contiene una caja con imagen/video, flechas y dots para selecionar cada imagen/video. Las cajas están superpuestas y al darle al play se reproduce el video que está en último lugar. No sé si se podría arreglar mediante la etiqueta z-index para dar prioridad a cada uno de los videos por orden de aparición.

Puedo pegar el código para ver en profundidad.