Carousel bootstrap con video

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
 

jdigital.it

Nuovo Utente
28 Ott 2021
10
0
1
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
Autore Titolo Forum Risposte Data
E problema con carousel di Bootstrap HTML e CSS 1
R Bootstrap 4 - creare una finestra di testo responsive sopra un Carousel jQuery 1
O Bootstrap carousel-caption responsive CMS (Content Management System) 2
R Bootstrap Carousel allineamento a sinistra impossibile! HTML e CSS 1
R [HTML] Effetto carousel di testo su immagine fissa HTML e CSS 2
T [Javascript] identico carousel con effetto fade: in una pagina va in un'altra no, mistero? Javascript 3
felino [Javascript] [jQuery] Slick Carousel: visualizzare una porzione dell'immagine successiva Javascript 0
A [HTML] Carousel HTML e CSS 0
A [WordPress] Carousel non funzionante WordPress 3
Marco_88 slick carousel jQuery 0
M Agile carousel HTML e CSS 1
P carousel wordpress WordPress 4
P cerco script immagini effetto carousel in responsive design HTML e CSS 2
B Carousel a mo' del fu intervallo della Rai jQuery 0
D Jqueri carousel jQuery 1
B carousel photogallery Javascript 4
B carousel per photogallery Classic ASP 3
J JavaScript DHTML Dock Carousel Using Mootools Javascript 0
A inserimento di carousel jquery in una table jQuery 0
I Sto progettando nuovi siti utilizzando bootstrap e devo dire funziona bene, l'unico problema e la maschera -moz- HTML e CSS 0
C Validazione Bootstrap PHP 0
P Bootstrap navbar si richiude su mobile HTML e CSS 2
websilvia Contact form using Bootstrap 3.3.4 PHP 8
felino Radio button e Bootstrap: modificare il colore di default! HTML e CSS 1
F Come passare una variabile al modal di bootstrap PHP 1
motleyrulez Paginazione Tabella Bootstrap Javascript 2
felino Bootstrap alert: usare lo stesso div per due messaggi consecutivi jQuery 1
felino [Bootstrap] Allineamento verticale HTML e CSS 1
MaryRoxenne Questione Bootstrap HTML e CSS 1
L Bootstrap 4 input ext value HTML e CSS 1
riminese77 [ASP.Net] Popup Bootstrap in datagrid ASP.NET 0
W [Javascript] Bootstrap Admin templates, mi dareste dei consigli? CMS (Content Management System) 0
I Bootstrap 4 Card overlay non responsive CMS (Content Management System) 0
fabiodisconzi Miglior template bootstrap 4 admin? CMS (Content Management System) 1
L Come sovrascrivere i parametri di Bootstrap CMS (Content Management System) 0
L Navbar dropdown con Bootstrap: link ai css CMS (Content Management System) 4
E Bootstrap con parallax e particles jQuery 2
paloppa Bootstrap.min.css modificare il file HTML e CSS 6
T [PHP] passare una variabile in una finestra MODAL di bootstrap PHP 3
M Responsive design bootstrap HTML e CSS 2
xone [Vendo] Landing Page in html css bootstrap responsive Compravendita siti e domini 0
F Bootstrap Notify jQuery 0
V Creare funzioni PHP per agevolare bootstrap PHP 1
V Passare a PHP pagina bootstrap creata in HTML PHP 1
A [Javascript] Problemi menu bootstrap Javascript 1
A Bootstrap grid img a sinistra serie di div a destra CMS (Content Management System) 1
T Bootstrap: allineamento sotto il BADGE HTML e CSS 1
F img bootstrap centrata nello schermo HTML e CSS 1
F Slide down/up dropdown Bootstrap jQuery 0
otto9due Form personalizzato in bootstrap da integrare nel tema wordpress WordPress 0

Discussioni simili