Bootstrap响应视频高度问题

Question

我在Bootstrap网站上有一个响应式视频。

<div class="row-fluid">

    <div class="videoPlayer col-xs-8 col-xs-offset-2 embed-responsive embed-responsive-16x9">

        <video src="myVideo.mp4" controls class="videoItem embed-responsive-item"></video>

    </div>

</div>

videoPlayer div高度保持为1，但我希望视频的响应宽度为最大宽度720px，相应高度为480px。

.videoItem {
    margin:0 auto;
    width:100%;
}