如何获得所需的视频背景

Question

我网站的背景图片非常类似于http://upload.wikimedia.org/wikipedia/commons/1/16/La_Gran_Sabana.jpg

我想让云层移动并呈现出外观，好像观察者实际上是在山顶上凝视着山谷一样。 要达到预期的效果需要什么程序或过程？

Answer 1

您可以使用整个云层移动的视频背景，然后将地面的.png图像以及山丘放在上面，并将位置设置为底部。 在路上摆弄。

编辑：用自定义视频摆弄琴是有问题的，所以我创建了一个简单的网站来显示解决方案： http : //alweso.2ap.pl/sky/index.html

HTML：

<video autoplay loop id="bgvid">
<source src="sky.webm" type="video/webm">
<source src="sky.mp4" type="video/mp4">
</video>
<img id="ground" src="ground.png">

CSS：

video#bgvid { 
position: fixed; 
right: 0; 
bottom: 0;
min-width: 100%; 
min-height: 100%;
width: auto; 
height: auto; 
z-index: -100;
background-size: cover; 
}

#ground {
position: absolute;
bottom: 0;
width: 100%;
}

当然，应该更仔细地裁剪图片中的天空（我建议使用Photoshop），并且视频显然与图片的颜色不匹配，但是我认为网站显示了总体思路。