Bootstrap 4 video modale automatico e fermati quando chiuso
Il framework CSS, Bootstrap, aiuta gli sviluppatori a sviluppare siti Web reattivi. Il modale è uno dei componenti importanti di Bootstrap, che consente di visualizzare il contenuto in una finestra popup. Tuttavia, il modale video reattivo può essere creato anche in bootstrap. JavaScript è implementato nella finestra modale per aggiungere funzionalità gravi.
Questo articolo descriverà il video modale video bootstrap 4 e si fermerà quando chiuso.
Bootstrap 4 video modale automatico e fermati quando chiuso
Il video modale può essere creato utilizzando la classe modale bootstrap. Il popup video modale è costituito da un video in una finestra di dialogo.
Prerequisito: crea un modale
Per creare un modale, aggiungi il seguente codice:
- Innanzitutto, aggiungi un ""Elemento con la classe"contenitore".
- Al suo interno, aggiungi un "
Aggiungi il codice JavaScript
Per aggiungere funzionalità adeguate, aggiungere il codice JavaScript seguendo le istruzioni:
- Aggiungi un elemento "".
- Al suo interno, aggiungi un "$ (documento).Ready () "che funziona solo una volta che il DOM esegue il JavaScript.
- Crea una variabile "Videopath"E assegnare" SRC "dei dati alla variabile su click.
- Quindi, accedi all'elemento per ID e applica "mostrato.Bs.modale". Questo visualizzerà il modale e attiverà la funzione. La funzione assegna l'SRC della variabile "videopatica" al "