HTML 视频框距离边界,带边框半径的HTML5＆CSS标题视频

所以我正在一个客户的网站上工作，但遇到了一些挑战。该网页将有一个大的“超大屏幕”式的头，但它会在底部边缘是弯曲的，像这样：

，而不必为这个标题的背景正常的形象，但，我我喜欢视频。这将正常工作，如果头呈方形，但与圆边我似乎无法得到它的工作，这是我所管理的最佳：

但是，很明显，我想它扩展了页面的宽度。就失去图像的一半而言 - 这很好，但我想保留视频的顶部或中间部分，因为底部部分在内容方面没有太多提供。

这里是我到目前为止有：

Your browser does not support video.

.index-header {

text-align:center;

background: transparent;

background-image: url(../img/header.jpg);

background-position: 0% 25%;

background-size: cover;

background-repeat: no-repeat;

color: white;

box-shadow: #421D5D 0px 5px 15px;

border-bottom-left-radius: 100%;

border-bottom-right-radius: 100%;

height: 350px;

max-height: 350px;

width: 110%;

margin-left: -5% !important;

overflow: hidden;

}

.video-container {

margin-top: -48px;

max-height: 100%;

border-bottom-left-radius: 100%;

border-bottom-right-radius: 100%;

// overflow: hidden;

}

.header-video {

width: 100%;

max-height: 350px;

border-bottom-left-radius: 100%;

border-bottom-right-radius: 100%;

}

有没有人有任何想法，如何解决这个问题？我想我到目前为止可能走错了方向，但我想不到另一种方式！

感谢您的帮助！