HTML 5 で Web サイトの背景にビデオを追加するにはどうすればよいですか?

ビデオを再生または一時停止するボタンを追加します。次に、ビデオの高さと幅を 100% に設定して、背景全体をカバーします。

以下は、HTML5 で Web サイトの背景としてビデオを設定するコード スニペットです。

<video autoplay muted loop id = "myVideo">
   <source src = "demo.mp4" type = "video/mp4">
   Your browser does not support HTML5 video.
</video>

以下は一時停止ビデオです -

function display() {
   if (video.paused) {
      video.play();
      btn.innerHTML = "Pause the video!";
   } else {
      video.pause();
      btn.innerHTML = "Play";
   }
}

以上がHTML 5 で Web サイトの背景にビデオを追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。