Scribd
Importer
9 vues3 pages

Carrousel vidéo Bootstrap 5

Transféré par

dieumercinabandi22
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
9 vues3 pages

Carrousel vidéo Bootstrap 5

Transféré par

dieumercinabandi22
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

[Link]

css

<div id="videoCarousel" class="carousel slide" data-bs-ride="carousel">


<div class="carousel-inner">
<div class="carousel-item active">
<video controls class="d-block w-100">
<source src="video1.mp4" type="video/mp4">
Votre navigateur ne supporte pas la lecture des vidéos.
</video>
</div>
<div class="carousel-item">
<video controls class="d-block w-100">
<source src="video2.mp4" type="video/mp4">
Votre navigateur ne supporte pas la lecture des vidéos.
</video>
</div>
<div class="carousel-item">
<video controls class="d-block w-100">
<source src="video3.mp4" type="video/mp4">
Votre navigateur ne supporte pas la lecture des vidéos.
</video>
</div>
</div>
<a class="carousel-control-prev" href="#videoCarousel" role="button" data-bs-
slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Précédent</span>
</a>
<a class="carousel-control-next" href="#videoCarousel" role="button" data-bs-
slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Suivant</span>
</a>
</div>

Vous aimerez peut-être aussi