宽度和高度相等的视频

Question

我想创建一个宽度和高度相同的视频广告代码，然后将border-radius设置为一个圆圈。

HTML：

<div id="parent">
  <div id="child"></div>
</div>

CSS：

#parent {
  width: 100px;
  height: 100px;
}

#child {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ff0;
}

http://jsfiddle.net/9eKhd/

它也适用于<img>。但是当我将<video>宽度和高度设置为相等时，它总是使宽度或高度更小以保持无线电。我想要的是从正方形中切出区域，然后将视频显示为圆圈。