在可变长宽比容器div内安装固定长宽比div并将其居中

Question

我使用填充底百分比方法有一个固定的长宽比div，如下所示：

.aspected {
  width: 100%;
  height: 0;
  padding-bottom: 50%;
}

<div class="aspected"></div>

如果我将其放置在宽高比可变且宽的包含div的内部，我希望固定长宽比框触及其容器的顶部和底部，然后水平居中，但是如果它更窄，则我希望其左侧右侧以触摸其容器并垂直居中。

.container {
    - container controlled by other elements around it and the size of the browser. Size at any one time is dependent indirectly on browser size.
}

<div class="container">
    <div class="aspected"></div>
</div>