Heim  >  Artikel  >  Web-Frontend  >  Teilen Sie Beispielcode zum Einfügen eines Videos in die modale Bootstrap-Box

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

PHPz
PHPzOriginal
2017-06-27 15:27:044872Durchsuche

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

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

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

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

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn