Heim > Artikel > Web-Frontend > 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ß)
模态框
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!