Bootstrap 4 Modal Video AutoPlay e pare quando fechado
A estrutura CSS, Bootstrap, ajuda os desenvolvedores a desenvolver sites responsivos. O modal é um dos componentes importantes do bootstrap, que permite exibir conteúdo em uma janela pop -up. No entanto, o video modal responsivo também pode ser criado no bootstrap. JavaScript é implementado na janela modal para adicionar grandes funcionalidades.
Esta redação descreverá o bootstrap 4 modal de vídeo automático e parará quando fechado.
Bootstrap 4 Modal Video AutoPlay e pare quando fechado
O modal de vídeo pode ser criado usando a classe modal de bootstrap. O pop -up de vídeo modal consiste em um vídeo em uma caixa de diálogo.
Pré -requisito: Crie um modal
Para criar um modal, adicione o seguinte código:
- Primeiro, adicione um “”Elemento com a classe“recipiente”.
- Dentro dele, adicione um “
Adicione o código JavaScript
Para adicionar funcionalidade adequada, adicione o código JavaScript seguindo as instruções:
- Adicione um elemento "".
- Dentro dele, adicione um “$ (documento).pronto () ”, que roda apenas quando o DOM executar o JavaScript.
- Crie uma variável “videopath”E atribua o“ SRC ”dos dados à variável no clique.
- Em seguida, acesse o elemento por id e aplique “mostrando.bs.modal”. Isso exibirá o modal e desencadeará a função. A função atribui o SRC da variável "videopath" à "