Teilen Sie Beispielcode zum Einfügen eines Videos in die modale Bootstrap-Box

In diesem Artikel wird hauptsächlich der Implementierungscode zum Einfügen von Videos in die modale Bootstrap-Box vorgestellt. Freunde, die ihn benötigen, können sich auf das Bootstrap-Tutorial

Nicht beziehen Vergessen Sie, den folgenden Code zu implementieren. Voraussetzung ist die Verwendung von

unter dem Bootstrap-Framework 1. Effekte

Klicken Sie auf das modale Feld

um aus dem MP4 herauszuspringen, haben Sie Videos in anderen Formaten gemacht

2. Bootstrap-Code

<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. Videocode einfügen

Achten Sie auf einige notwendige Codes für das Video. Wenn Sie das Kompatibilitätsproblem lösen müssen, können Sie diesen Blog lesen: http://blog.csdn.net/w_linux/article/details/62890202

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

4. Allgemeiner Code (Ich habe hier einige Änderungen vorgenommen und sie nicht in die Schaltfläche eingefügt, daher ist das Problem nicht groß)

模态框
 

 

 

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

Das obige ist der detaillierte Inhalt vonTeilen Sie Beispielcode zum Einfügen eines Videos in die modale Bootstrap-Box. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!