Share an html5 video background plug-in

Today I would like to share with you a very good plug-in called vidibacking. Many students may not know this plug-in yet. Let me briefly introduce this plug-in to you.

The vidibacking plug-in is a responsive, cross-platform html 5 video background plug-in. This plug-in allows us to use html5 video as the background for the entire page after a certain div in the page.

How to use:

Easy to use. To create a video background effect within the dc6dce4a544fdca2df29d5ac0ea9906b element, you only need to place the video tag within the dc6dce4a544fdca2df29d5ac0ea9906b element.

    <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 address http://www.52player.cn/VideoPlayer/2018/0123488.html
Demo address http://www.52player.cn/ Demos/html5videobackgroud/

Related recommendations: html5 tutorial

The above is the detailed content of Share an html5 video background plug-in. For more information, please follow other related articles on the PHP Chinese website!