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

htmljavascriptprogramming scripts

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

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

<video autoplay muted loop id = "myVideo">
   <source src = "demo.mp4" type = "video/mp4">
   您的浏览器不支持 HTML5 视频。
</video>

以下是暂停视频 −

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

相关文章