Heim > Artikel > Web-Frontend > Teilen Sie ein HTML5-Videohintergrund-Plug-in
Heute möchte ich Ihnen ein sehr gutes Plug-in namens Vidibacking vorstellen. Viele Studenten kennen dieses Plug-in vielleicht noch nicht.
Das Vidibacking-Plug-in ist ein reaktionsfähiges, plattformübergreifendes HTML-5-Video-Hintergrund-Plug-in. Dieses Plug-in ermöglicht es uns, ab einem bestimmten Abschnitt auf der Seite HTML5-Videos als Hintergrund zu verwenden.
So verwenden Sie:
Um einen Video-Hintergrundeffekt innerhalb des dc6dce4a544fdca2df29d5ac0ea9906b-Elements zu erstellen, müssen Sie nur das Video-Tag innerhalb des dc6dce4a544fdca2df29d5ac0ea9906b-Elements platzieren.
<div id="video-back"> <video poster="screenshot1.jpg" autoplay muted loop class="vidbacking"> <source src="video1.mp4" type="video/mp4"> <source src="video1.webm" type="video/webm"> </video> <!-- html content of the div --> <h1>Vidbacking Demo of <div> Background</h1> </div>
Download-Adresse http://www.52player.cn/VideoPlayer/2018/0123488.html
Demo-Adresse http://www.52player.cn/Demos/html5videobackgroud/
Verwandte Empfehlungen: html5 Anleitung
Das obige ist der detaillierte Inhalt vonTeilen Sie ein HTML5-Videohintergrund-Plug-in. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!