JSFiddle - React, Tailwind, and code Playground

HTML

<div class="video_container"> 
  <video controls>
    <source src="localhost">
  </video>
  <div class="video_title"> 
    Некое описание даже очень длинное которое описывает
  </div>
</div>

CSS

.video_container{
  border:1px solid transparent;
  min-width:300px;
  max-width:600px;
  margin:auto;
  overflow:hidden;
}
video{
  width:100%;
  background:rgba(200,200,200,.2);
  border-radius:5px 5px 0 0 ;
}
.video_title{
 margin:5px 10px 20px;
 min-height:30px;
  height:auto;
  background:rgba(0,0,0,.2);
  color:#fff;
  font-weight:bold;
  font-size:16px;
  padding-left:20px;
}