Partager un exemple de code pour insérer une vidéo dans la boîte modale Bootstrap

Cet article présente principalement le code d'implémentation de l'insertion de vidéo dans la boîte modale Bootstrap. Les amis qui en ont besoin peuvent se référer au Tutoriel Bootstrap

Ne pas faire. oubliez d'implémenter le code suivant Le principe est d'utiliser

sous le framework bootstrap 1. Effets

Cliquez sur la boîte modale

. pour sortir du MP4 que vous avez créé Vidéos dans d'autres formats

2. Code d'amorçage

<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">模态框</button>

<p class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
 <p class="modal-dialog modal-lg" role="document">
 <p class="modal-content">
  ...< --这里写插入视频代码 -- >
 </p>
 </p>
</p>

3. Insérez le code vidéo

Faites attention à certains codes nécessaires pour la vidéo. Si vous avez besoin de résoudre le problème de compatibilité, vous pouvez lire ce blog http://blog.csdn.net/w_linux/article/details/62890202

 <video src="image/小“塍”故事.mp4" height="500" controls preload="metadata"></video>

4. Code général (j'ai fait quelques modifications ici et je ne l'ai pas mis dans le bouton, donc le problème n'est pas grave)

模态框
 

 

 

  <video src="image/小“塍”故事.mp4" height="500" controls preload="metadata"></video>
 
 

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!