html – How can I add Titles to my Bootstrap video carousel-ThrowExceptions

Exception or error:

I’m trying to add titles to my bootstrap video carousel, so each video will display a different title at the bottom. I’ve tried adding a Title tag to the video but this doesn’t work. I have also tried using the example on mdbootstrap.com (as you can see below). This does work but stacks all 3 titles from my carousel on top of each other, they don’t disappear and reappear depending on which slide is up.

Does anyone know why this is happening?

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox" style="text-align: center;margin-top: 30px;" >
    <div class="item active" style="" >
        <video class="video"   style="width: 70%;" id="vid"  autoplay muted controls loops>
          <source src="video-bg.mp4" type="video/mp4" allow="autoplay" />

        </video>

    </div>

      <!--Caption-->
      <div class="carousel-caption">
        <div class="animated fadeInDown">
          <h2 class="h2-responsive"></h2>
        </div>
      </div>
      <!--Caption-->
How to solve:

Leave a Reply

Your email address will not be published. Required fields are marked *