Как встроить видео в панель навигации Bootstrap? ⇐ CSS

[Anonymous]

У меня есть простое меню, созданное с помощью Bootstrap. Слева текст, справа видео. Я хотел бы добиться, чтобы видео распространялось на верхнюю часть страницы с кнопкой на нем, как показано на изображении. Я пробовал несколько вещей, но, к сожалению, не смог решить эту проблему. Либо проблема заключалась в том, что кнопка справа не была доступна в гамбургер-меню, либо, если она была, то положение гамбургер-меню было неправильным, потому что ему мешало содержимое правой стороны.
Я создал для него ссылку на код.
Чего я хотел бы достичь:

Код: Выделить всё

.navbar-brand img {
max-width: 300px;
height: auto;
}

.nav-item a {
margin-right: 15px;
}

.btn-outline-success {
margin-left: auto;
}
.video-container {
position: relative;
width: 100%;
overflow: hidden;
}

.video-container video {
width: 100%;
height: auto;
}

Код: Выделить всё

[*]






[url=#]
[img]logo.png[/img]
[/url]






[list]

[url=#]Home[/url]

[*]
[url=#]Features[/url]

[*]
[url=#]Pricing[/url]

[/list]
Contact









left contect
random text

Подробнее здесь: https://stackoverflow.com/questions/785 ... rap-navbar