Heim  >  Artikel  >  Web-Frontend  >  Teilen Sie ein HTML5-Videohintergrund-Plug-in

Teilen Sie ein HTML5-Videohintergrund-Plug-in

王林
王林nach vorne
2021-02-24 09:52:002596Durchsuche

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen