HTML5 ビデオバックグラウンドプラグインを共有する-H5 チュートリアル-php.cn

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

王林

リリース： 2021-02-24 09:52:00

転載

2484 人が閲覧しました

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>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 サイトの他の関連記事を参照してください。