Bootstrap 4 Modal Video Play et arrêt lorsqu'il est fermé

Le cadre CSS, Bootstrap, aide les développeurs à développer des sites Web réactifs. Le modal est l'un des composants importants de bootstrap, qui vous permet d'afficher le contenu dans une fenêtre contextuelle. Cependant, le modal vidéo réactif peut également être créé dans Bootstrap. JavaScript est implémenté dans la fenêtre modale pour ajouter des fonctionnalités majeures.

Cet article décrira le Bootstrap 4 Modal Video Play et s'arrête lorsqu'il est fermé.

Bootstrap 4 Modal Video Play et arrêt lorsqu'il est fermé

Le modal vidéo peut être créé à l'aide de la classe modale bootstrap. La fenêtre contextuelle modale se compose d'une vidéo dans une boîte de dialogue.

Préalable: créer un modal

Pour créer un modal, ajoutez le code suivant:

• Tout d'abord, ajoutez un ""Élément avec la classe"récipient".
• À l'intérieur, ajoutez un "
  
  
  
  
  
  ×
  
  
  
  

  Ajouter le code JavaScript

  Pour ajouter des fonctionnalités appropriées, ajoutez le code JavaScript en suivant les instructions:

  • Ajouter un élément «».
  • À l'intérieur, ajoutez un «$ (document).ready () ”qui s'exécute une seule fois que le dom exécute le javascript.
  • Créer une variable "casse-tête»Et affectez le« Src »des données à la variable en clic.
  • Ensuite, accédez à l'élément par ID et appliquez "indiqué.bs.modal". Cela affichera le modal et déclenchera la fonction. La fonction attribue le SRC de la variable «vidéopathe» au «