ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5 ビデオ バックグラウンド プラグインを共有する

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

王林
王林転載
2021-02-24 09:52:002691ブラウズ

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

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

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

使用方法:

使い方は簡単。dc6dce4a544fdca2df29d5ac0ea9906b 要素内にビデオ背景効果を作成するには、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>

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

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

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

声明:
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。