滑块 - 在HTML中添加视频标题

Question

当1张幻灯片是视频格式时，有没有人知道如何在滑块上添加标题？

我有这样的事情：

  <!-- Swiper-->
  <div data-height="100vh" data-min-height="480px" data-slide-effect="fade" class="swiper-container swiper-slider">
    <div class="swiper-wrapper text-center">
      <div data-slide-bg="" class="swiper-slide">
        <video class="video-relative">
          <div id="overlay" class="swiper-slide-caption">
            <div class="shell">
              <h1>ProPlast</h1>
              <h6>Proffesional models</h6>
              <div class="button-group"><a href="#" class="btn btn-default btn-sm">More</a><a href="#" class="btn btn-primary btn-md">Contact</a></div>
            </div>
          </div>
          <source src="images/foka.mov" type="video/mp4">
        </video>
      </div>
      <div data-slide-bg="images/slajd1.jpg" class="swiper-slide">
        <div class="swiper-slide-caption">
          <div class="shell">
            <h1>Proplast</h1>
            <h6>We create with passion</h6>
            <div class="button-group"><a href="#" class="btn btn-default btn-sm">More</a><a href="#" class="btn btn-primary btn-md">Contact</a></div>
          </div>
        </div>
      </div>
    </div>
    <!-- Swiper Pagination-->
    <div class="swiper-pagination"></div>
  </div>

标题不会出现在视频中......