HTML5 ビデオ バックグラウンド プラグインを共有する

今日は、vidibacking という非常に優れたプラグインを皆さんと共有したいと思います。多くの学生はまだこのプラグインを知らないかもしれません。このプラグインについて簡単に紹介させてください。 。

vidibacking プラグインは、応答性の高いクロスプラットフォームの HTML 5 ビデオ背景プラグインです。このプラグインを使用すると、ページ内の特定の div の後にページ全体の背景として HTML5 ビデオを使用できます。 。

使用方法:

使い方は簡単。

要素内にビデオ背景効果を作成するには、

要素内にビデオ タグを配置するだけです。

    <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 id="Vidbacking-nbsp-Demo-nbsp-of-nbsp-div-nbsp-Background">Vidbacking Demo of <div> Background</h1> 
    </div>

ダウンロード アドレス http://www.52player.cn/VideoPlayer/2018/0123488.html
デモ アドレス http://www.52player.cn/ Demos/html5videobackgroud/

関連する推奨事項: html5 チュートリアル

以上がHTML5 ビデオ バックグラウンド プラグインを共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。