如何在 HTML 5 中给网站背景添加视频？

添加一个按钮来播放或暂停视频。然后，我们将视频的样式设置为 100% 的高度和宽度，使其覆盖整个背景。

以下是在 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 = "Pause the video!";
   } else {
      video.pause();
      btn.innerHTML = "Play";
   }
}

Chandu yadav

更新于： 2020 年 6 月 24 日

380 次浏览

开启您的 职业生涯

完成课程认证

立即开始