iFrame一直走不通

Question

如何让iframe占据屏幕的左半部分？我执行了以下代码，但是它只是在屏幕左侧的一个较小的框内结束，并且远远低于导航栏。

            <div className="video-wrapper">
<iframe 
src="https://player.vimeo.com/video/252323"
frameBorder="0" webkitallowfullscreen="" 
mozallowfullscreen="" allowFullScreen="">
</iframe>
            </div>

css

.video-wrapper {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}

.video-wrapper iframe {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0;
}