Bootsrap，视频上的文字

如何解决Bootsrap，视频上的文字

您好，我正在基于 Bootstrap 构建网站，我正在尝试基于视频样式制作 Menu\Categories， 我试图将文本放在视频上的问题，该文本是描述类别的并且需要带有按钮选项我找到了一种将文本放在视频上的方法，但我不能将其放在视频的中心，我将添加到网络的链接和另一个链接，例如代码 谢谢你帮助我初学者..;)

代码示例：http://jsfiddle.net/6cqmgy8z/20/

例如免费主机上的网站..：https://odedsharirltd.000webhostapp.com/

<div class="col wrapper">

<video class="video-fluid" muted loop autoplay>
<source src="https://odedsharirltd.000webhostapp.com/assets/vid/Office.mp4" type="video/mp4" />
</video>

<div class="text-center">
<h4 class="text-dark">Office</h4>
<p class="text-dark-50">Wellcom to our Office Example.</p>
</div>
</div>

.wrapper div{
  position: absolute;
  top: 0;
}