我正在使用 Vide在后台播放视频。 这是正在播放的 div 标签。
<div style="width: 1000px; height: 500px;"
data-vide-bg="path/to/video" data-vide-options="loop: false, muted: false, position: 0% 0%">
</div>
当我将样式更改为
width: 100%; height: 100%;
视频从页面上消失。我希望该视频覆盖所有页面并且我可以向下滚动。
为什么会这样?
我该如何解决?
最佳答案
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Body background example</title>
<style>
html, body {
margin: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body data-vide-bg="video/ocean">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../libs/jquery/dist/jquery.min.js"><\/script>')</script>
<script src="../src/jquery.vide.js"></script>
</body>
</html>
这很好,只需放置滚动条或使用一些 jquery 进行滚动。
关于javascript - JQuery 背景视频不覆盖整个页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38424862/