我怎样在HTML 5中将视频添加到网站背景?

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

以上就是我怎样在HTML 5中将视频添加到网站背景?的详细内容,更多请关注编程之家其它相关文章!

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些