首页 > web前端 > html教程 > 我怎样在HTML 5中将视频添加到网站背景?

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

王林
发布: 2023-09-06 09:17:02
转载
1692 人浏览过

我怎样在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中将视频添加到网站背景?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:tutorialspoint.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板