Carousel bootstrap con video

  • Creatore Discussione Creatore Discussione Darkbox
  • Data di inizio Data di inizio

Darkbox

Utente Attivo
6 Apr 2020
25
0
1
Ciao ragazzi sto usando bootstrap carousel e ho qualche problema con la visualizzazione delle slide.
Non riesco a passare da una slide ad altra
Nel codice ho commentato il <div class="item active">
In questo modo mi appare il video come desiderato, perfettamente funzionante.
Se tolgo commento il video continua a funzionare ma viene visualizzato nella parte bassa del "container"
In entrambi i casi i pulsanti per scorrere le slide non funzionano.
Può essere un problema che ho inserito un video anziché un'immagine?

Codice:
<div class="container">   
                    <ol class="carousel-indicators">
                        <li data-target="#hero" data-slide-to="0" class="active"></li>
                        <li data-target="#hero" data-slide-to="1"></li>                       
                    </ol>
                </div>
                <!-- Questo è il codice per far funzionare il video nella slide -->
                
                <div class="carousel-inner">
                    <!--<div class="item active">-->
                        <div class="video-container">
                        <video playsinline autoplay muted loop>
                        <source src= "images/video.mp4" width="400" height="200" type="video/mp4">
                        </video>
                        
                        
                        <!-- Content -->
                        <div class="container">   
                            <div class="row blurb scrollme animateme" data-when="exit" data-from="0" data-to="1" data-opacity="0" data-translatey="100">
                                <div class="col-md-9">                               
                                    <span class="title"></span>
                                    <h1>Prova video</h1>   
                                    <div class="buttons">                               
                                <a href="" data-vbtype="video" class="venobox btn btn-default">
                                    <i class="material-icons">play_arrow</i>
                                    <span>Guarda il video</span>
                                </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>



Grazie a chi vorrà aiutarmi
 
Ciao Darkbox. Sei riuscito a risolvere? Nel caso tu non sia riuscito credo sia fondamentale vedere anche CSS, se quello che hai fatto è online potresti mettere il link
 

Discussioni simili