Video in card

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Video in card

einar pro asked 7 years ago

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

Marta Szymanska staff pro premium answered 7 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

Write
Create snippet
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
About author
einar
Pro User
0Support score
3Questions 0Answers
0Snippets likes 0Snippets