Ajustar ao contêiner de vídeo / imagem em CSS (relação de aspecto amigável)

Dimensione para cima / para baixo uma imagem ou vídeo para caber na largura / altura do contêiner, mantendo a proporção (e mantenha-o centralizado, alinhado verticalmente e horizontalmente)

.wrap {
    background: yellow;
    border: solid 1px red;
    width: 384px; /* Play with this value */
    height: 216px;  /* Play with this value */
    font-size: 0;
    text-align: center;
}

.wrap:before {
    content: "";
    width: 1px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-left: -1px;
}

.wrap video {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
}

Tente brincar com largura / altura em: http://dabblet.com/gist/5610937