如何在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";
   }
}

更新时间: 2020 年 6 月 24 日

380 次浏览

开启你的职业生涯

完成课程,获得认证

开始学习
广告