einar pro asked 5 years ago


I want to add video instead of image on top of card-body. Do you have any code snipped for that?

Marta Wierzbicka staff answered 5 years ago


Hi,
try this code:
<!--Card-->
<div class="card">
<!--Card image-->
<video class="img-fluid" playsinline autoplay muted loop>
<source src="https://mdbootstrap.com/img/video/animation-intro.mp4" type="video/mp4">
</video>
<!--Card content-->
<div class="card-body">
<!--Title-->
<h4 class="card-title">Card title</h4>
<!--Text-->
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Button</a>
</div>
</div>
<!--/.Card-->

Best,
Marta



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags