Share an html5 video background plug-in-H5 Tutorial-php.cn

Share an html5 video background plug-in

王林

Release： 2021-02-24 09:52:00

forward

2579 people have browsed it

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

element, you only need to place the video tag within the

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>

Copy after login

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!

Related labels：

plug-in

source：csdn.net

Previous article：How is html5 better than flash? Next article：Is submit a button in html5?

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn