Partager un plug-in d'arrière-plan vidéo HTML5-Tutoriel H5-php.cn

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

王林

Libérer： 2021-02-24 09:52:00

avant

2660 Les gens l'ont consulté

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

, il vous suffit de placer la balise vidéo dans l'élément

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

Copier après la connexion

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!

Étiquettes associées：

插件

source：csdn.net

Article précédent：En quoi HTML5 est-il meilleur que Flash ? Article suivant：Est-ce que soumettre un bouton est en HTML5 ?

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur