如何在HTML 5中将视频添加到网站背景?

添加按钮以播放或暂停视频。然后,我们将视频的样式设置为高度和宽度的百分之一百,以便覆盖整个背景。

以下是将视频设置为HTML5网站背景的代码片段。

<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 = "暂停视频!";
   } else {
      video.pause();
      btn.innerHTML = "Play";
   }
}