Bootstrap 4 Modal Video Autoplay y detener cuando se cierre
El marco CSS, Bootstrap, ayuda a los desarrolladores a desarrollar sitios web receptivos. El modal es uno de los componentes importantes de Bootstrap, que le permite mostrar contenido en una ventana emergente. Sin embargo, el Video Modal receptivo también se puede crear en Bootstrap. JavaScript se implementa en la ventana modal para agregar funcionalidades importantes.
Esta redacción describirá la autoplaz de video modal de Bootstrap 4 y se detendrá cuando se cierre.
Bootstrap 4 Modal Video Autoplay y detener cuando se cierre
El Video Modal se puede crear usando la clase Bootstrap Modal. La ventana emergente de video modal consiste en un video en un cuadro de diálogo.
Prerrequisito: crear un modal
Para crear un modal, agregue el siguiente código:
- Primero, agregue un ""Elemento con la clase"envase".
- Dentro de él, agregue un "
Agregue el código JavaScript
Para agregar la funcionalidad adecuada, agregue el código JavaScript siguiendo las instrucciones:
- Agregue un elemento "".
- Dentro de él, agregue un "$ (documento).Ready () "que se ejecuta solo una vez que el DOM ejecuta el JavaScript.
- Crear una variable "videópata"Y asigne el" src "de los datos a la variable al hacer clic.
- Luego, acceda al elemento por identificación y aplique "mostrado.bs.modal". Esto mostrará el modal y activará la función. La función asigna el SRC de la variable "VideoPath" al "