Maison >interface Web >Tutoriel H5 >Partager un plug-in d'arrière-plan vidéo HTML5

Partager un plug-in d'arrière-plan vidéo HTML5

王林
王林avant
2021-02-24 09:52:002645parcourir

Partager un plug-in d'arrière-plan vidéo HTML5

Aujourd'hui, j'aimerais partager avec vous un très bon plug-in appelé vidibacking. De nombreux étudiants ne connaissent peut-être pas encore ce plug-in. .

Le plug-in vidibacking est un plug-in d'arrière-plan vidéo HTML 5 réactif et multiplateforme. Ce plug-in nous permet d'utiliser la vidéo HTML5 comme arrière-plan pour la page entière après un certain div dans la page. .

Comment utiliser :

Facile à utiliser. Pour créer un effet d'arrière-plan vidéo dans l'élément dc6dce4a544fdca2df29d5ac0ea9906b, il vous suffit de placer la balise vidéo dans l'élément dc6dce4a544fdca2df29d5ac0ea9906b

    <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>

Adresse de téléchargement http://www.52player.cn/VideoPlayer/2018/0123488.html
Adresse de démonstration http://www.52player.cn/ Demos/html5videobackgroud/

Recommandations associées : Tutoriel HTML5

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer